Re: [WSG] old horizontal list formatting issue in ie
Hello Kevin,
Not sure what you mean by stretch to the width of the ul in ie
Do you mean to distribute them evenly within the width of the ul?
Please clarify a little :)
Matijs
On Sat, Oct 11, 2008 at 3:52 AM, kevin mcmonagle [EMAIL PROTECTED]
wrote:
Hi,
Its late and i forget what makes these li's stretch to the width of the ul
in ie?
ul.bos_image_index {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
.bos_image_index li {
display: inline;
list-style-type: none;
border:1px solid black;
}
.bos_image_index li a {
border:1px solid pink;
}
.bos_image_index li:hover {
border-bottom:2px solid #333;
}
.bos_image_index li img{
height:45px;
width:60px;
}
for example see:
http://soathar.macdesign.eu/seamus-gallery
(silly border colors applied for visual aid)
-best
kevin
***
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]
***
Re: [WSG] old horizontal list formatting issue in ie
Matijs wrote: Hello Kevin, Not sure what you mean by stretch to the width of the ul in ie Do you mean to distribute them evenly within the width of the ul? Hi Matijs, Floating the images/ anchors contained in the li's left next to each other is what im trying to do. But right now each li streches to the width of the ul so the cant float left. Even distributing them evenly would be fine though. -best kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] old horizontal list formatting issue in ie
Gunlaug Sørtun wrote: You're running into specificity problems... ahhh... thanks George. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] old horizontal list formatting issue in ie
kevin mcmonagle wrote:
Floating the images/ anchors contained in the li's left next to each
other is what im trying to do. But right now each li streches to the
width of the ul so the cant float left. Even distributing them evenly
would be fine though.
You're running into specificity problems, as you have styled li
completely different other places and those styles override the low
specificity '.bos_image_index li' styles.
Make the selector...
#rightcol .bos_image_index li {...}
...and the styles will kick in.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] old horizontal list formatting issue in ie
Hi,
Its late and i forget what makes these li's stretch to the width of the
ul in ie?
ul.bos_image_index {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
.bos_image_index li {
display: inline;
list-style-type: none;
border:1px solid black;
}
.bos_image_index li a {
border:1px solid pink;
}
.bos_image_index li:hover {
border-bottom:2px solid #333;
}
.bos_image_index li img{
height:45px;
width:60px;
}
for example see:
http://soathar.macdesign.eu/seamus-gallery
(silly border colors applied for visual aid)
-best
kevin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
