...

View Full Version : CSS and lists



Tonz
11-26-2002, 12:53 AM
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

jkd
11-26-2002, 02:08 AM
How exactly do you wish to style list-items? :confused:

Tonz
11-26-2002, 02:29 AM
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

jkd
11-26-2002, 03:24 AM
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?

Tonz
11-26-2002, 06:27 AM
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

Tonz
11-26-2002, 06:58 AM
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

jkd
11-26-2002, 07:05 AM
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. :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum