Next Webinar: Maximizing Magento - Get the Most out of Promotions. Register Today!

Magento

Open Source eCommerce Evolved

Magento Forum

   
Home Page CSS Padding? 
 
Crestview Doors
Jr. Member
 
Total Posts:  16
Joined:  2008-03-27
 

I added a block of text to the home page, and there is padding between each line.  I have set ALL padding in reset.css and boxes.css to 0px, but still there is space between each line.  The space shows up in Firefox but not IE7.  Help?

http://crestvie.nexcess.net/index.php/

Thanks in advance!!

 
Magento Community Magento Community
Magento Community
Magento Community
 
chiaraweb
Guru
 
Avatar
Total Posts:  611
Joined:  2008-03-21
Aviano ~ Italy
 

I think that you must change the height of the line, because padding is the distance from content to cell board

 Signature 

Non criticare cio’ che non puoi capire.
Bob Dylan

My Live Magento Shop http://www.ecobaby.it

 
Magento Community Magento Community
Magento Community
Magento Community
 
Crestview Doors
Jr. Member
 
Total Posts:  16
Joined:  2008-03-27
 

Hm… I tried that too :(

I must be missing something somewhere?  Any ideas??  *hits head on wall*

 
Magento Community Magento Community
Magento Community
Magento Community
 
ohminu
Magento Team
 
Avatar
Total Posts:  171
Joined:  2007-08-07
Los Angeles
 

Exactly what do you mean by ‘padding’? - please draw a diagram pinpointing where

 
Magento Community Magento Community
Magento Community
Magento Community
 
Crestview Doors
Jr. Member
 
Total Posts:  16
Joined:  2008-03-27
 

I included the link in the original post.  If you look at it in Firefox, there is space between the horizontal lines and the image of the doorknob, both above and below.  In IE, there is no space (in other words, the gray horizontal lines perfectly sandwich the photo).  I prefer it without the space, just like if it were a table with the cellpadding set to zero.  I’ve tried setting all padding in the css to zero… fooled with the margins… obviously there is some element that Firefox is deferring to that IE does not.  Help?

 
Magento Community Magento Community
Magento Community
Magento Community
 
ohminu
Magento Team
 
Avatar
Total Posts:  171
Joined:  2007-08-07
Los Angeles
 

I see what you mean. Here’s what you need to do.
Assign “display:block” CSS to both the double grey bar images AND the doorknob image, and get rid of the <br/> that you’re using just below the first gray bar (the one right above the door knob).

Firefox by default adds additional spaces around images on certain occasions, and using ‘display:block’ gets rid of them.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top
 
Sales: Call 877.832.5289 (North America) 310.295.4144 (International)
© Copyright 2008 Varien. Magento is a trademark of Irubin Consulting Inc. DBA Varien
Privacy Policy|Terms of Service
Magento Community Count
41194 users|449 users currently online|87920 forum posts