1 reply [Last post]
latempest
latempest's picture
Offline
Regular
UK
Last seen: 5 years 18 weeks ago
UK
Timezone: GMT+1
Joined: 2012-08-06
Posts: 12
Points: 22

PLEASE HELP!

I am using http://foundation.zurb.com/ framework to create a Joomla template. However on one of the pages:

http://mdweck.under-development.info/index.php/photographer

The text is being centered and the right hand image placed below this. When I view the css on line 1015 of foundation.css is this:

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
direction: ltr;
}

When I turn off the padding: 0; value via Chrome developer tools it displays correctly with the text on the left and image on the right.

However it causes issues elsewhere on the site when I remove div from the style.

What is going on and how can I fix it?

Thanks

Lee

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 21 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9743
Points: 3822

Unable to replicate

Did you fix the issue, other than by unsetting {padding: 0;}?

Re the global reset: I find them to be redundant make-work with no socially redeeming qualities, iow css porn. They can and do cause unintended consequences.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.