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 7 of 7

Thread: CSS and lists

  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS and lists

    How do I get the text in a <ul> to conform to my CSS.

    Everything else on the page is how I want it, but not inside the <li>TEXT HERE</li>

    What am I missing

    Many thanks in advance


    Tonz
    Beware, the Cybertooth tiger cometh

  • #2
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    How exactly do you wish to style list-items?

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Soory I was not so clear.

    I have set the font size etc which is great in the body of the document, but inside the <ul> the font is larger. I want to be able to controll the text in the <ul> the same way I do the body of the doc.

    I am using an external CSS - works great - but for this <ul> thing

    Thanks
    ]


    Tonz
    Beware, the Cybertooth tiger cometh

  • #4
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    The size should be the same. The default stylesheet for HTML elements does not specify any font-size other than what is inherited.

    Perhaps you should post a link?

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok heres the page

    http://www.kymera.co.nz/contact/ibisite/appr.html

    Heres the style sheet

    <STYLE TYPE="text/css">
    <!--
    body { color: black;
    font-family: Helvetica, arial, Geneva, Swiss, SunSans-Regular;
    font-size: 7pt;
    }

    p { color: black;
    font-family: Helvetica, arial, Geneva, Swiss, SunSans-Regular;
    font-size: 9pt;
    text-align: justify;
    }

    .top { color: #999999;
    font-family: arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 8pt; }


    h1 { font-weight: bold;
    color: #999999;
    font-size: 17;
    font-family: Arial, Helvetica, Geneva, Swiss;
    text-decoration: none }

    A {

    color: #999999;
    letter-spacing: normal;
    font-family: arial;
    font-weight: bold;
    font-variant: normal;
    font-size: 13pt;
    font-style: normal;
    text-decoration: none;
    text-transform: capitalize;
    }

    A:hover {

    color: #ffffff;
    letter-spacing: normal;
    font-family: arial;
    font-weight: bold;
    font-variant: normal;
    font-size: 13pt;
    font-style: normal;
    text-decoration: none;
    text-transform: capitalize;
    }


    *************************************************************************************************
    *************************************************************************************************
    *************************************************************************************************
    *************************************************************************************************
    *************************************************************************************************





    A.reg:link {
    font-family: "Arial";
    color: #ffff00;
    font-weight: 600;
    font-size: 12pt;
    text-decoration: none;
    }

    A.reg:visited {
    font-size: 12pt;
    font-family: "Arial";
    color: #ffff00;
    font-weight: 700;
    text-decoration: none;
    }

    A.reg:hover {
    font-size: 12pt;
    font-family: "Arial";
    color: #ff0000;
    font-weight: 700;
    text-decoration: underline;
    }

    A.reg:active {
    font-size: 12pt;
    font-family: "Arial";
    color: #ff0000;
    font-weight: 700;
    text-decoration: underline;
    }

    A.bl:link {
    font-family: "Arial";
    color: #ffff00;
    font-weight: 700;
    font-size: 16pt;
    text-decoration: none;
    }

    A.bl:visited: {
    font-family: "Arial";
    color: #ffff00;
    font-weight: 700;
    font-size: 16pt;
    text-decoration: none;
    }

    A.bl:hover {
    font-family: "Arial";
    color: #ff0000;
    font-weight: 700;
    font-size: 16pt;
    background-color: #0000ff;
    text-decoration: underline;
    }

    A.bl:active {
    font-family: "Arial";
    color: #ff0000;
    font-weight: 700;
    font-size: 16pt;
    text-decoration: underline;
    }



    <a class="reg".....>

    <a class="bl"........>
    -->
    </STYLE>

    Thanx

    Tonz
    Beware, the Cybertooth tiger cometh

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey!!!!!

    I added this to the css



    ul { color: black;
    font-family: Helvetica, arial, Geneva, Swiss, SunSans-Regular;
    font-size: 7pt;
    text-align: justify;
    }


    and it worked.

    Is this correct??????


    Tonz
    Beware, the Cybertooth tiger cometh

  • #7
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    That's fine. I was just going to comment on how surprised I am that the CSS is being applied at all.

    When you externally link to CSS documents, the filename.css should be nothing else other than CSS. That means you should strip all HTML markup from the file.


  •  

    Posting Permissions

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