CSS background images not found when using SEF URL's

[Nick Weavers]

Hi,

I have a Joomla page that shows all the images linked via it's css when called with this URL: https://www.dealdirectfinancial.co.uk/index.php?option=com_dealdirect&controller=FacebookLeads&task=showForm, but not when called with the SEF URL: https://www.dealdirectfinancial.co.uk/component/dealdirect/FacebookLeads/showForm.

Notice that using the first URL you can see a small blue circle with the number 1 in it just before the text "your loan info", but using the second URL the image is missing.

Looking at the HTML view in Firebug for both pages the css appears to line up fine for both pages, but the relative URL's used in the CSS for the image backgrounds only work for the non SEF case.

Non SEF:

SEF:

Can anyone advise?

TIA 

Nick Weavers

[Hatshepsout]

Hi Nick,

You should try this : http://extensions.joomla.org/extensions/site-management/seo-a-metadata/alt-text/19121

Hope it will be useful.

Regards,
Daniel

[brian teeman]

Check the base href in the template. And then Check with one of the default Joomla templates. 

[Nick Weavers]

Thanks Brian. How do I do that? 

[JM Simonet]

Adding a slash looks like it solves your issue

/templates/ddfs_facebookapp/images/circle_blue.gif

in

#outerWrapper #header #header_centre #steps #step1_on {
    background-image: url("/templates/ddfs_facebookapp/images/circle_blue.gif");
    background-position: left center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding: 10px 5px 5px 10px;
    width: 20px;

}

The circle displays in both sef and non sef

JM

SEF:

Can anyone advise?

TIA

Nick Weavers

--
You received this message because you are subscribed to the Google Groups "Joomla! CMS Development" group.
To view this discussion on the web, visit https://groups.google.com/d/msg/joomla-dev-cms/-/pOu9vdN7SF8J.
To post to this group, send an email to joomla-...@googlegroups.com.
To unsubscribe from this group, send email to joomla-dev-cm...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/joomla-dev-cms?hl=en-GB.

-- 

Please keep the Subject wording in your answers

This e-mail and any attachments may be confidential. You must not disclose or use the information contained in this e-mail if you are not the
intended recipient. If you have received this e-mail in error, please notify us immediately and delete the e-mail and all copies.

-----------------------------------------------------------

Jean-Marie Simonet  /  infograf768

Joomla Production Working group

Joomla! Translation Coordination Team 

[Nick Weavers]

Yes, you are right, that does it.

Many thanks Jean-Marie.