Re: [WSG] width of inline lists
Thierry Koblentz wrote: Before you use a table, check this link: http://www.tjkdesign.com/articles/make_an_html_list_look_like_a_table.asp Ignore the script solution and look at the CSS rules in there. --- Regards, Thierry | www.TJKDesign.com Done that Thierry, thank you. Works fine! (Even in IE!) -- Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] width of inline lists
you can try either inline-block, or instead of inline, float:left.
This is typically the solution I usually end up using.
On 20/05/2007, at 10:02 PM, Designer wrote:
Has anyone got a (simple) workaround for the fact that I want to
specify the width of each in an inline list? (which is not
allowed).
I'm using the simple menu:
div#menu {
font : 13px Verdana, Arial, sans-serif;
text-align : left;
color: #333;
}
div#menu li{
width : 250px;
display : inline;
list-style-type : none;
}
div#menu a:link,
div#menu a:visited {
text-decoration : none ;
padding-top : 10px;
color : #333;
border-top : 5px solid #ddd;
}
div#menu a.active:link,
div#menu a.active:visited,
div#menu a:hover {
color : #090;
text-decoration : none;
border-top : 5px solid #090;
}
and, of course, the 'width : 250px' is just ignored. I've tried
setting a width on the but that doesn't work either.
MUST I use a table?
--
Bob
www.gwelanmor-internet.co.uk
***
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] width of inline lists
> >> and, of course, the 'width : 250px' is just ignored. I've tried > setting > >> a width on the but that doesn't work either. > >> > >> MUST I use a table? Before you use a table, check this link: http://www.tjkdesign.com/articles/make_an_html_list_look_like_a_table.asp Ignore the script solution and look at the CSS rules in there. --- Regards, Thierry | www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] width of inline lists
Stuart Foulstone wrote:
Hi,
Try,
div#menu li{
display : block;
float: left;
width : 250px;
list-style-type : none;
}
On Sun, May 20, 2007 1:02 pm, Designer wrote:
Has anyone got a (simple) workaround for the fact that I want to specify
the width of each in an inline list? (which is not allowed).
I'm using the simple menu:
div#menu {
font : 13px Verdana, Arial, sans-serif;
text-align : left;
color: #333;
}
div#menu li{
width : 250px;
display : inline;
list-style-type : none;
}
div#menu a:link,
div#menu a:visited {
text-decoration : none ;
padding-top : 10px;
color : #333;
border-top : 5px solid #ddd;
}
div#menu a.active:link,
div#menu a.active:visited,
div#menu a:hover {
color : #090;
text-decoration : none;
border-top : 5px solid #090;
}
and, of course, the 'width : 250px' is just ignored. I've tried setting
a width on the but that doesn't work either.
MUST I use a table?
--
Bob
www.gwelanmor-internet.co.uk
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Thanks Stewart: I tried it in FF2. and I got 2 cols, each with 3
elements in. (There were six menu items). So I made the height of the
menu 50px, but it had no effect. Thanks anyway
--
Bob
www.gwelanmor-internet.co.uk
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] width of inline lists
Hi,
Try,
div#menu li{
display : block;
float: left;
width : 250px;
list-style-type : none;
}
On Sun, May 20, 2007 1:02 pm, Designer wrote:
> Has anyone got a (simple) workaround for the fact that I want to specify
> the width of each in an inline list? (which is not allowed).
>
> I'm using the simple menu:
>
> div#menu {
> font : 13px Verdana, Arial, sans-serif;
> text-align : left;
> color: #333;
> }
>
> div#menu li{
> width : 250px;
> display : inline;
> list-style-type : none;
> }
>
> div#menu a:link,
> div#menu a:visited {
> text-decoration : none ;
> padding-top : 10px;
> color : #333;
> border-top : 5px solid #ddd;
> }
>
> div#menu a.active:link,
> div#menu a.active:visited,
> div#menu a:hover {
> color : #090;
> text-decoration : none;
> border-top : 5px solid #090;
> }
>
>
> and, of course, the 'width : 250px' is just ignored. I've tried setting
> a width on the but that doesn't work either.
>
> MUST I use a table?
>
> --
> Bob
>
> www.gwelanmor-internet.co.uk
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>
--
Stuart Foulstone.
http://www.bigeasyweb.co.uk
BigEasy Web Design
69 Flockton Court
Rockingham Street
Sheffield
S1 4EB
Tel. 07751 413451
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] width of inline lists
On May 20, 2007, at 9:02 PM, Designer wrote:
Has anyone got a (simple) workaround for the fact that I want to
specify the width of each in an inline list? (which is not
allowed).
I'm using the simple menu:
div#menu {
font : 13px Verdana, Arial, sans-serif;
text-align : left;
color: #333;
}
div#menu li{
width : 250px;
display : inline;
list-style-type : none;
}
[...]
and, of course, the 'width : 250px' is just ignored. I've tried
setting a width on the but that doesn't work either.
MUST I use a table?
Obviously:
li {float:left} ?
or li {display:inline-block } ?
The second one won't work in Firefox up to 2.0.0.x (but will work in
Fx 3)
Philippe
---
Philippe Wittenbergh
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] width of inline lists
On 20 May 2007, at 10:02 PM, Designer wrote: Has anyone got a (simple) workaround for the fact that I want to specify the width of each in an inline list? (which is not allowed). Sorry, previous answer was incomplete. Not allowed? By whom/what? Float the s left, give each one an id and you can customise widths to your heart's content. N ___ omnivision. websight. http://www.omnivision.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] width of inline lists
On 20 May 2007, at 10:02 PM, Designer wrote:
div#menu li{
width : 250px;
display : inline;
list-style-type : none;
}
and, of course, the 'width : 250px' is just ignored. I've tried
setting a width on the but that doesn't work either.
MUST I use a table?
No, just use float:left instead of display:inline for the li.
N
___
omnivision. websight.
http://www.omnivision.com.au/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] width of inline lists
Has anyone got a (simple) workaround for the fact that I want to specify
the width of each in an inline list? (which is not allowed).
I'm using the simple menu:
div#menu {
font : 13px Verdana, Arial, sans-serif;
text-align : left;
color: #333;
}
div#menu li{
width : 250px;
display : inline;
list-style-type : none;
}
div#menu a:link,
div#menu a:visited {
text-decoration : none ;
padding-top : 10px;
color : #333;
border-top : 5px solid #ddd;
}
div#menu a.active:link,
div#menu a.active:visited,
div#menu a:hover {
color : #090;
text-decoration : none;
border-top : 5px solid #090;
}
and, of course, the 'width : 250px' is just ignored. I've tried setting
a width on the but that doesn't work either.
MUST I use a table?
--
Bob
www.gwelanmor-internet.co.uk
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
