CSS driving me mad

The_KiD · 4 May 2007 at 14:00

Ok I have a few questions about CSS and DIVS

Question 1)

Whats the difference between:

div class="blah"
&
div id="blah"

Question 2)

I am working on a skin for Seditio ( a cms thing) and I have this in the CSS file:

Code:

div#newsly {text-transform: uppercase;} 
div#newsly h2 {color: #FFFFFF;}

Then in the main .tpl file have this:

Code:

<div class="newsly">
<h2><a href="{PAGE_ROW_URL_IDX}">{PAGE_ROW_SHORTTITLE}</a></h2>
</div>

so why is the text not coming out white?

gord · 4 May 2007 at 14:12

the # denotes id

a . denotes class in your CSS

and i dont put div infront of mine either.

Code:

.newsly h2 {
text-transform: uppercase;
color: #FFFFFF;
}

The_KiD · 4 May 2007 at 14:27

thanks, but it hasnt helped my problem, not matter how I do that section the text never goes white :S

Mr_L · 4 May 2007 at 14:39

You're styling a H2 which is a link, so you need to say so in your CSS.

Code:

.newsly h2 [color=Yellow][b]a:link[/b][/color]{text-transform: uppercase; color: #fff;}

That should do the job.

The_KiD · 4 May 2007 at 15:43

That did the job just lovely thanks

RandomTom · 4 May 2007 at 15:47

You don't actually need to add a div for that, you could just use <a class="newsly"...>. I think. But you've got a solution.

toosepin · 4 May 2007 at 16:09

Just remember that IDs always overrule classes