...

View Full Version : Resolved External Style Sheet



JohnStar
08-11-2011, 03: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, 04: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, 04: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, 04: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, 04: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, 05: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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum