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:confused:

Many thanks in advance


Tonz

How exactly do you wish to style list-items? :confused:

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

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?

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

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

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