Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    7
    Thanks
    4
    Thanked 0 Times in 0 Posts

    External Style Sheet

    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
    Last edited by JohnStar; 08-11-2011 at 05:41 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,915
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    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.

  • #3
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,924
    Thanks
    46
    Thanked 203 Times in 202 Posts
    some html
    Code:
    <ul>
    <li>Home</li>
    <li>Videos</li>
    <li>F.A.Q.</li>
    <li>etc....</li>
    </ul>
    CSS

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

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • Users who have thanked alykins for this post:

    JohnStar (08-11-2011)

  • #4
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    7
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    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
    Code:
    <ul>
    <li>Home</li>
    <li>Videos</li>
    <li>F.A.Q.</li>
    <li>etc....</li>
    </ul>
    CSS

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


    Thank you.. Do I replace <div> with <li>?
    Last edited by JohnStar; 08-11-2011 at 04:37 PM.

  • #5
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,924
    Thanks
    46
    Thanked 203 Times in 202 Posts
    Quote Originally Posted by JohnStar View Post
    Thank you.. Do I replace <div> with <li>?
    nope... to expand a little further so you can see "where it would go"

    Code:
    ....
    <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>

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • Users who have thanked alykins for this post:

    JohnStar (08-11-2011)

  • #6
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    7
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by alykins View Post
    nope... to expand a little further so you can see "where it would go"

    Code:
    ....
    <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
    Last edited by JohnStar; 08-11-2011 at 05:37 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •