HTML Forum

**pipers dragon** · 01-21-2005, 10:59 PM

Im trying to make my site work with classes so that I can take the borader off of ONE of my tables withought editing my whole css sheet...

here is my style sheet:

HTML Code:

body {
background-repeat: repeat-y;
margin-top: 0px;
margin-left: 0px;
font-family: century gothic;
color: #FFB1AC;
font-size: 10px;
letter-spacing: 1px;
}

A:link {
font-family: century gothic;
color: #FFB1AC;
font-size: 10px;
text-decoration: value;
}

A:visited {
font-family: century gothic;
color: #FFB1AC;
font-size: 10px;
text-decoration: none;
}

A:active {
font-family: century gothic;
color: #FFB1AC;
font-size: 10px;
text-decoration: value;
}

A:hover {
font-family: century gothic;
color: #DCA5A4;
font-size: 10px;
text-decoration: none;
letter-spacing: 2px;
font-weight: bold;
}

table {
align: center;
}

table.2 {
align: left;
}

td{
align: middle;
border:1px solid #FFB1AC; 
background-color: cococo;
font-size: 10px;
line-height: 11px; 
letter-spacing: 1pt;
}

td.2{
background-color: cococo;
font-size: 10px;
line-height: 11px; 
letter-spacing: 1pt;
}

input, textarea { 
border:1px dotted #FFB1AC; 
background:000000; 
font-family: century gothic; tahoma, arial;
font-size: 10px;
color: #FFB1AC; 
 }

#css2 {
background-color: cococo;
font-size: 10px;
line-height: 11px; 
letter-spacing: 1pt;
}

and here is my main code

PHP Code:


			
<?php



include('header.inc');



if(!$_SERVER['QUERY_STRING']) { ?>

<body background="background.jpg" bgcolor="#000000"> 

<img src="/images/header.jpg" style="position: absolute; left: 0px; top: 0px;">

<div id="div1" width="155px" height="500px" style="position: absolute;

left: 12px;

top: 337px;"><table  width="155px" height="500px" class="css2"><tr class="css2"><td class="css2" id="css2">

<? include("/home/resist/public_html/nav.php")?>

</td></tr></table>

</div>



<iframe src="indexx.php?home" name="iframe" scrolling="no" width="285px" height="1000px" frameborder="no" allowtransparency="true" style="position: absolute; top: 436px; left: 199px;"></iframe>



<? } elseif ($_SERVER['QUERY_STRING'] == "home") { ?>

<body bgcolor="transparent">

coming soon



<? }  

include('footer.inc'); ?>

Can you tell me why my classes arent working?

my site is http://resist-insanity.net/index.php

**pappasaa** · 01-21-2005, 11:05 PM

you need to post up your header code too

**colincameron** · 01-24-2005, 02:21 AM

They arent working because you have them defined as id's not classes.

#css2 should be .css2

Use the # sign is only be used for id's (example: id="css2") and can only be used 1 your code. Use a class (.css2) for multiple instances of a item you want to format.

Also, its probably a good idea to change the names of your classes so they describe there purpose.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!