LinuxQuestions.org - Html Coding With Classes???

- Programming (https://www.linuxquestions.org/questions/programming-9/)

- - Html Coding With Classes??? (https://www.linuxquestions.org/questions/programming-9/html-coding-with-classes-6558/)

Html Coding With Classes???

Ok, I notice that there are alot of difference from IIS to Apache... Hell I am really starting to like IIS more and more.... Some complaints... Embedding... Requires certain file extentions hhhmmmhhh!! I don't like it at all!!! Can't we all be friends??? Anyhow this complaint lastly is difference with CSS (Cascading Style Sheet) With IIS I could type my sheet as dog { background-color: #FFFFFF } and then type in the html code <td CLASS="dog"> and then the background color would be white... Well, hhmm not with Apache so far.... Can anyone tell me why this doesn't work, or of a fix for this????

Thanks

Benj :(

Why would your HTTP server effect your CSS? The CSS is used by the browser, just server by Apache or IIS, sounds like you've changed browers - or have I missed something fundamental??

cheers

Jamie...

As a pro web designer, yes I can vouch for jharris. CSS is all client side and not server side. The server's job is to fling those files over to the web browser, and with something like CSS it's up to the browser to interpret them. Internet Explorer 5 and up has excellent support. Opera is good too. Netscape generation 4, on the other hand, is the most dated piece of crap out there, yet much to the annoyance of designers, is still somewhat popular. Also, Windoze browsers have the best CSS support right now, so don't be surprised if your CSS works on a Windoze box running IE5.5 and not on you Linux or Mac running Netscape or even Opera in some circumstances. To further complicate matters, different browsers support different attributes of CSS - there's no such thing as a 100% CSS compliant browser yet.

An excellent online resource for CSS is http://www.alistapart.com

Also, some browsers let you get by with sloppy code, whereas others will not. So make sure your code is spic and span :)

)M.

Okay then does it work for you then?????? In your class type in xT { background-color:#00FF00 } and then in code html code make a table then with <td class="xT">... The end result should be a Mageneta background.... It don't work!!! :rolleyes:

So now I read some more on CSS they like us to do this instead now... td.xT { background-color: #FF00FF } hmmm I will see if it works...

Can't help you much unless you tell me what browser and platform you are using. Don't forget to put a ; on the end of each statement, and a period before your classes, like this:

<head>
<style type = "text/css">

.xt {
background: pink;
}

</style>
</head>

There shouldn't be a need for "-color"

Then refer to this as:

<td class="xt">Stuff goes here.</td>

If you'd really like to see if your CSS is valid, go here:

http://jigsaw.w3.org/css-validator/validator-uri.html

It will tell you if anything's wrong with your code.

Take it easy,
)Matt.

That method doesn't work no more... I am not sure why I used many different fashions and no hope except what I used above style....
{ Table.ax (color=#fffffff;) }
.....style
then <table class="ax" .....>
okay... like I said I got tons oh problems.... especially with header and PHP... THe demos i seen don't even work.. silly!!!!

Wrong:

<style type = "text/css">

{ Table.ax (color=#fffffff }

<style>

Right:

<style type = "text/css">

.ax {color:#fffffff;}

</style>

Then in your <body>:

<td class=ax>stuff</td>

Try other attributes too. The easiest way to learn is to go to someone else's site and select View Source from the View menu in your browser, and check out how they're doing it.

You do not have to declare "td.ax" in your style sheet - this won't work at all. You declare the ".ax" style, so you can use it anywhere in your BODY, like: <td class=ax> or <p class=ax> or <table class=ax> - they'll all have a color of white in your example.

And IN YOUR STYLE SHEET you don't use "=" to assign an attribute, as my previous exampleS show. Rather, you use ":"

This example works (I tested it!), and turns the background color of the table cell grey:

<html>
<head>
<style>
.ax {background:#737373}
</style>

</head>

<body bgcolor=red>
<table>
<tr>
<td class=ax> hello!</td>
</table>

</body>
</html>

This turns the font color of "hello!" grey:

<html>
<head>
<style>
.ax {color:#737373}
</style>

</head>

<body bgcolor=red>
<table>
<tr>
<td class=ax> hello!</td>
</table>

</body>
</html>

Hope this helps.

okay... yes it did work now it does.. oh well I gotta got ask some more silly questions like wrapping ....