Re: [WSG] Strange Bottom Margin on Floated Elements I Can't Get Rid of
Hi Cole,
Try setting those images to 'display: block;'
div.thumbs img {display: block;}
The reason this works is detailed here:
https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
HTH
--
cal.
oksushi on Freenode
On 14/08/2009, at 5:36 PM, Cole Kuryakin wrote:
Hello All!
I've got a small but annoying problem I can't seem to solve.
I've got six test thumbnail images wrapped inside of hrefs. All six
hrefs
are floated left within a containing div.
The div can only accommodate 4 of these href'd images per row so
images 5
and 6 break to a second row - which is fine.
My issue is this strange margin-type space that is appearing below
each href
- since I've set margins and padding to '0' for both images and
hrefs, I
don't understand what in the world is causing this anomaly.
My CSS is VERY simple and straight forward but nothing I try will
eliminate
this bottom margin.
Can someone please help me see the error of my ways?
Live sample is posted here:
http://www.koisis.com/problems/float_space/tester.htm
Great appreciation to all in advance!
Cole
PS: IN IE7 there is no whitespace at the bottom of these elements,
but in
FireFox (et. al) there is.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***<
winmail.dat>
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Span within a "li"
Hi Simon,
Looks like you need a more specific selector:
#left ul li.item361 span {background:red;}
does the trick :)
HTH
cal.
--
Cal Wilson
c...@oxygenkiosk.com
Phone: 0404 449 464
Web: http://oxygenkiosk.com
On 12/05/2009, at 7:33 AM, Simon Josephson wrote:
item361
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] E-commerce
http://shopify.com -- Cal Wilson c...@oxygenkiosk.com Phone: 0404 449 464 Web: http://oxygenkiosk.com On 26/02/2009, at 4:27 PM, Kevin Erickson wrote: Hi, Does anyone have input on what is a good Web standards e-commerce solution? Thanks, Kevin No virus found in this outgoing message. Checked by AVG. Version: 7.5.557 / Virus Database: 270.11.3/1969 - Release Date: 2/24/2009 6:43 AM *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] URL naming best practice guide? [SEC=UNCLASSIFIED]
Hi Chris, The following link may be of interest to you: http://www.w3.org/Provider/Style/URI HTH cal. On 20/02/2009, at 2:25 PM, Chris Vickery wrote: Thanks. Not really what I'm looking for. I know the principals myself... I'm looking for a site, a guide... something more substantive or with some authority. If it's in relatively plain English, even better. It's for my manager. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] inline-block effect
There is a comprehensive list (with examples) of css 'shrink-to-fit'
solutions listed here:
http://www.brunildo.org/test/shrink-to-fit.html
HTH
cal.
--
Cal Wilson
[EMAIL PROTECTED]
Phone: 0404 449 464
Web: http://oxygenkiosk.com
On 02/12/2008, at 6:54 AM, Brett Patterson wrote:
or you could just do Your Header Text Herespan>.
And in your CSS, .hello {background-color: color;}
On Mon, Dec 1, 2008 at 2:16 PM, Сергей Кириченко <[EMAIL PROTECTED]
> wrote:
1. float:left
2. position:absolute
3.insert span with bg into H2
and non standart trick
inline-block for all and {display:inline; zoom:1}for < lte IE 7 >
Andrew famiano пишет:
I'm trying to set a background color on a . I want the
background to be the same width as the header. Since inline-block
isn't supported by all browsers, is there another trick in doing this?
Thanks
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Brett P.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
