CSS and Tables

liunx

Guest
Whenever i put a "class" on a table code no effects happen.

for example:

<table class="banner>
<tr>
<td>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/index/images/banner.gif/">
</td>
</tr>
</table>

i put on an external css page to put a border on the image or to align it and it doesnt do it.

external css:

banner
{
border: 1px solid #000000;
}

<!-- m --><a class="postlink" href="http://azhosting.biz/~ajheat34/index/new.htmlYou">http://azhosting.biz/~ajheat34/index/new.htmlYou</a><!-- m --> forgot the class selector before the class name in your CSS file:

.banner
{
border: 1px solid #000000;
}

The period before "banner" tells the browser that it is a class style declaration. You might want to brush up on the basics at W3Schools (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/">http://www.w3schools.com/css/</a><!-- m -->). It's a great place to start. And also check out the CSS standard: <!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/selector.htmlso">http://www.w3.org/TR/CSS21/selector.htmlso</a><!-- m --> what you mean?

how is it suppose to be?

i see all CSS pages formatted like minewhen you use a class in CSS you need specify that by adding a period in front of the name. So, in the css file you need to have:

.banner
{
{Style rules}
}

The period is missing in your example.

-JonIn a nut shell, here are the most common ways styles get applied on pages:

CSS Declaration: Define a class of styles that can be used over and over again on a page.

.someName { color: red; }


Its Use In HTML

<p class="someName">...</p>


CSS Declaration: Define an ID, or one instance of a group of syles on a page

#someID { color: blue; }


Its Use In HTML

<strong id="someID">...</strong>


CSS Declaration: Define a group of styles that apply to all tags of one type.

span { color: green; }


Its Use In HTML

<p>Regular text color turns to <span>green when it's inside a SPAN
tag.</span> Then it turns back to the regular color after the span
tag - and only text withing SPAN tags is affected.</p>


Now we can mix it up a little.

<ul>
<li id="someID">
<p class="someName">This text is red, while the text inside the SPAN
tag <span>is green.</span></p>

This text is blue.
</li>
 
Back
Top