Re: [css-d] Adding an emplty LI
trevor bayliss wrote: > Thanks Tango for the reply. I will reduce the width as much as > possible point taken about the size the of the page. > > I want to add a new LI but specifiy it´s width all the others are set > at the same width and I want one with a different width. Thanks for > any pointers. Add a li with a unique class or id and style it. Examples below. Example at http://www.thetangos.com/testing/trevor.html Tango __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Adding an emplty LI
Thanks Tango for the reply. I will reduce the width as much as possible point
taken about the size the of the page.
I want to add a new LI but specifiy it´s width all the others are set at the
same width and I want one with a different width. Thanks for any pointers
Tango <[EMAIL PROTECTED]> wrote:
trevor bayliss wrote:
> Hi all I´ve been doing all I can to try and perfect this navigation but I
> just don´t understand it I am sure it is very simple. I have tried to make
> this as simple as possible with as little code as possible.
> I have a navigation called #topnav which has width auto.
> Then I have a #topnav LI which has a width of 87px. The html has 10 LIs which
> makes a total width of 870px.
> Then I have #topnav A which also has a width of 87px.
> These are all contained in an ID called #width which has a width of 880px.
>
> At present this works fine and fit for the information that I have in the
> links, however, the rest of the page is wider. I need to increase the
> navigation which I can do by increasing the #width pixel size(in this case by
> 40px). How can I add an LI to cover this space? I have tried to do it but
> without luck
>
I am not really sure what you mean by this or what you want the
navigation to look like. You can add as many
's as you like,
however as soon as their combined width exceeds the containers specified
width the links will wrap to a new line. Also because you have defined
the container's width any UA or screen resolution that is less then
880px wide will cause a horizontal scroll bar.
>
> Thank you for your help
>
> http://www.geocities.com/bayliss_trevor/tester.htm
>
>
> > "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd";>
>
>
>
> #width {
> MARGIN-LEFT: 50px; WIDTH: 880px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
> }
> #topnav {
> BORDER-TOP: blue 4px solid; MARGIN: 9px 0px 0px; width: auto
> }
> #topnav LI {
> DISPLAY: inline; BACKGROUND: black no-repeat left top; FLOAT: left; WIDTH:
> 87px; HEIGHT: auto
> }
> #topnav A {
> BORDER-RIGHT: blue 1px solid; DISPLAY: block; BACKGROUND: no-repeat left
> top; FONT: 11px/20px
> tahoma, arial, sans-serif; WIDTH: 87px; COLOR: #fff; TEXT-ALIGN: center
> }
>
>
>
>
>
>
>
Home
>
About Malls
>
Malls
>
Malls UK
>
Malls USA
>
Malls France
>
National
>
International
>
Contact Us
>
FAQs
>
>
>
I took some liberties with your code, and a stab at what I thought you
were after.
The result can be found here http://www.thetangos.com/testing/trevor.html
Tango
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
-
Choose the right car based on your needs. Check out Yahoo! Autos new Car
Finder tool.
-
Choose the right car based on your needs. Check out Yahoo! Autos new Car
Finder tool.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Adding an emplty LI
trevor bayliss wrote:
> Hi all I´ve been doing all I can to try and perfect this navigation but I
> just don´t understand it I am sure it is very simple. I have tried to make
> this as simple as possible with as little code as possible.
> I have a navigation called #topnav which has width auto.
> Then I have a #topnav LI which has a width of 87px. The html has 10 LIs
> which makes a total width of 870px.
> Then I have #topnav A which also has a width of 87px.
> These are all contained in an ID called #width which has a width of 880px.
>
> At present this works fine and fit for the information that I have in the
> links, however, the rest of the page is wider. I need to increase the
> navigation which I can do by increasing the #width pixel size(in this case by
> 40px). How can I add an LI to cover this space? I have tried to do it but
> without luck
>
I am not really sure what you mean by this or what you want the
navigation to look like. You can add as many 's as you like,
however as soon as their combined width exceeds the containers specified
width the links will wrap to a new line. Also because you have defined
the container's width any UA or screen resolution that is less then
880px wide will cause a horizontal scroll bar.
>
> Thank you for your help
>
> http://www.geocities.com/bayliss_trevor/tester.htm
>
>
> "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd";>
>
> nav
>
> #width {
> MARGIN-LEFT: 50px; WIDTH: 880px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
> }
> #topnav {
> BORDER-TOP: blue 4px solid; MARGIN: 9px 0px 0px; width: auto
> }
> #topnav LI {
> DISPLAY: inline; BACKGROUND: black no-repeat left top; FLOAT: left; WIDTH:
> 87px; HEIGHT: auto
> }
> #topnav A {
> BORDER-RIGHT: blue 1px solid; DISPLAY: block; BACKGROUND: no-repeat left
> top; FONT: 11px/20px
> tahoma, arial, sans-serif; WIDTH: 87px; COLOR: #fff; TEXT-ALIGN: center
> }
>
>
>
>
>
>
> Home
> About Malls
> Malls
> Malls UK
> Malls USA
> Malls France
> National
> International
> Contact Us
> FAQs
>
>
>
I took some liberties with your code, and a stab at what I thought you
were after.
The result can be found here http://www.thetangos.com/testing/trevor.html
Tango
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Adding an emplty LI
Hi all I´ve been doing all I can to try and perfect this navigation but I just
don´t understand it I am sure it is very simple. I have tried to make this as
simple as possible with as little code as possible.
I have a navigation called #topnav which has width auto.
Then I have a #topnav LI which has a width of 87px. The html has 10 LIs which
makes a total width of 870px.
Then I have #topnav A which also has a width of 87px.
These are all contained in an ID called #width which has a width of 880px.
At present this works fine and fit for the information that I have in the
links, however, the rest of the page is wider. I need to increase the
navigation which I can do by increasing the #width pixel size(in this case by
40px). How can I add an LI to cover this space? I have tried to do it but
without luck
Thank you for your help
http://www.geocities.com/bayliss_trevor/tester.htm
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd";>
nav
#width {
MARGIN-LEFT: 50px; WIDTH: 880px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}
#topnav {
BORDER-TOP: blue 4px solid; MARGIN: 9px 0px 0px; width: auto
}
#topnav LI {
DISPLAY: inline; BACKGROUND: black no-repeat left top; FLOAT: left; WIDTH:
87px; HEIGHT: auto
}
#topnav A {
BORDER-RIGHT: blue 1px solid; DISPLAY: block; BACKGROUND: no-repeat left top;
FONT: 11px/20px
tahoma, arial, sans-serif; WIDTH: 87px; COLOR: #fff; TEXT-ALIGN: center
}
Home
About Malls
Malls
Malls UK
Malls USA
Malls France
National
International
Contact Us
FAQs
-
Got a little couch potato?
Check out fun summer activities for kids.
-
Be a better Heartthrob. Get better relationship answers from someone who knows.
Yahoo! Answers - Check it out.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
