CodingForums.com - View Single Post

Excavator · 02-21-2013, 05:26 PM

Hello taymag,
This bit highlighted in red gets rid of the problem ... for now. I'm not sure why making .product-box inline-block is doing that.

Code:

.product-box {
    border: 2px solid #C9C9C9;
    box-shadow: 0 0 13px #808080;
    display: inline-block;
    height: 270px;
    margin: 15px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 400px;
}

Any reason for using the paragraph tag so much? I see you use empty p tags for creating space around your heading, you also wrap anchors, images and div elemtents with p tags. If you look at it semantically, those are not paragraphs and the p tag should not be used there.

02-21-2013, 05:26 PM	PM User \| #2
Excavator Master Coder Join Date: Dec 2006 Location: Alaska Posts: 9,410 Thanks: 22 Thanked 1,765 Times in 1,749 Posts	Hello taymag, This bit highlighted in red gets rid of the problem ... for now. I'm not sure why making .product-box inline-block is doing that. Code: .product-box { border: 2px solid #C9C9C9; box-shadow: 0 0 13px #808080; display: inline-block; height: 270px; margin: 15px; padding: 10px; text-align: center; vertical-align: top; width: 400px; } Any reason for using the paragraph tag so much? I see you use empty p tags for creating space around your heading, you also wrap anchors, images and div elemtents with p tags. If you look at it semantically, those are not paragraphs and the p tag should not be used there. __________________ Validate often DURING development - Use it like a splelchecker \| Debug during Development \|Write it for FireFox, ignore IE Use the right DocType \| Validate your markup \| Validate your CSS \| Why validating is good \| Why tables are bad Last edited by Excavator; 02-21-2013 at 05:28 PM..