Resolved External Style Sheet [Archive]

...

View Full Version : Resolved External Style Sheet

JohnStar

08-11-2011, 02:28 PM

Hello, I'm still a newbe learning CSS. I'm trying to set up a External stylesheet that will display my text based nav bar ( like this: Home | Videos | FAQ | e.c.t.) plan text with link in the same place every page.

Can anyone give me some help/examples? Here the code I have on my text bar (It was made in a program) (trying to code my self now)

<div id="text2" style="position:absolute; overflow:hidden; left:531px; top:231px; width:661px; height:90px; z-index:7">

<div class="wpmd">

<div><font class="ws14"><B><a href="index.html" title="">Main</a></B></font><font class="ws14"><B> |</B></font><font class="ws14"><B><a href="Recipes.html" title=""> </a></B></font><font class="ws14"><B><a href="Recipes.html" title="">Recipes</a></B></font><font class="ws14"><B> | </B></font><font class="ws14"><B><U>Videos</U></B></font><font class="ws14"><B> |</B></font><font class="ws14"><B><U> FAQ</U></B></font><font class="ws14"><B> | </B></font><font class="ws14"><B><U>About Us</U></B></font><font class="ws14"><B> | </B></font><font class="ws14"><B><a href="Contact US.html" title="">Contact Us</a></B></font></div>

</div></div>

Thanks for the help in advance :)

VIPStephan

08-11-2011, 03:05 PM

It would be better if you provided us with a link to the page in question and tell us what’s not working to your desire.

alykins

08-11-2011, 03:26 PM

some html

<ul>
<li>Home</li>
<li>Videos</li>
<li>F.A.Q.</li>
<li>etc....</li>
</ul>

CSS

ul li{
list-style:none;
float:left;
height:20px;
width:100px;
}

JohnStar

08-11-2011, 03:32 PM

It would be better if you provided us with a link to the page in question and tell us what’s not working to your desire.

It's not live yet :/

QUOTE=alykins;1122739]some html

<ul>
<li>Home</li>
<li>Videos</li>
<li>F.A.Q.</li>
<li>etc....</li>
</ul>

CSS

ul li{
list-style:none;
float:left;
height:20px;
width:100px;
}
[/QUOTE]

Thank you.. Do I replace <div> with <li>?

alykins

08-11-2011, 03:39 PM

Thank you.. Do I replace <div> with <li>?

nope... to expand a little further so you can see "where it would go"

....
<body>
<div id="navBar">
<ul>
<li>Home</li>
<li>Videos</li>
<li>F.A.Q.</li>
<li>etc....</li>
</ul>
</div>
<div id="content"></div>
etc
........
</body>
</html>

JohnStar

08-11-2011, 04:30 PM

nope... to expand a little further so you can see "where it would go"

....
<body>
<div id="navBar">
<ul>
<li>Home</li>
<li>Videos</li>
<li>F.A.Q.</li>
<li>etc....</li>
</ul>
</div>
<div id="content"></div>
etc
........
</body>
</html>

Oh ok Thanks :P