Div backgrounds different every other one

[Andy11548]

Hello.

 

I've seen on alot of websites that thier div tags are 2 different colours. How do I do this?

 

Example:

Yellow

Orange

Yellow

 

etc.

[requinix]

Are you talking about alternating coloring?

 

[edit] There's a pure CSS way but it isn't supported everywhere yet. Otherwise whatever code generates the list also decides the coloring for each item in it.

[Andy11548]

Yeah, alternating colours. Would that be Javascript or something then if its not purely CSS?

[requinix]

It'd be whatever generates the content. Like PHP. First item it prints has one color. Next one has the other. Next one has the first. And so on.

[Andy11548]

Could you give me a example of how to do it please? I'll work the rest out from that.

 

Thanks,

Andy.

[spiderwell]

in PHP i would do it like this:

 

$variable = "blue"

 

while (looping)

{

  $variable = ($variable == "blue") ? "red" : "blue";

echo "<div class=\"$variable\">";

}

 

this uses a ternary(spelling) operator that says if colour is blue return red otherwise return blue.

Should be able to work out the rest, the code clearly wont work as is