how can I make divs have different backgroundimages with the same div name?

This site is best viewed in a modern browser with JavaScript enabled.

how can I make divs have different backgroundimages with the same div name?

Jason_adi

Just like this website....
anyone can help>?
any help is great appreciated...
[ATTACH]14665[/ATTACH]

emtw

You could try having the same div name and applying an id to a paragraph within it - that website looks like a series of divs or a tabular format.
So you could have:

<div id="anyname">
	<p id="color1">content goes here</p>
	<p id="color2">content goes here</p>
	<p id="color1">content goes here</p>
	<p id="color2">content goes here</p>
</div>

then for the css:

#color1 {
	background-color:#000;
	color:#fff;
}

#color2 {
	background-color:#fff;
	color:#000;
}

This would basically give you a black background with white writing, then a white background with black writing.

You might need to specify the height and width etc. of each paragraph to get what you are after.

Hope that helps :0)

emtw

Or, you could specify ids and classes like this, for more individual styling:

<div id="any name">
    <p id="color1" class="row1">content goes here</p>
    <p id="color2" class="row2">content goes here</p>
    <p id="color1" class="row3">content goes here</p>
    <p id="color2" class="row4">content goes here</p>

And the CSS would look like this:

#color1 {
    background-color:#000;
    color:#fff;
}
#color2 {
    background-color:#000;
    color:#fff;
}
.row1 {
   //more styling goes here
}

etc...

jedaisoul

Why on Earth would you want different background images in the same div? Anyway, the example you have given dos not have images in the background. They are just alternating background colors. It also looks like it is generated from a database via PHP or some such. Is that what you really need? What are you trying to achieve? It's not clear to me.

Major_Payne

Use CSS 3 which allows multiple backgrounds.

auntnini

Remember you can apply multiple space-separated classes to an element. So you could have one class for the basic <div> structure and another for the background color (or image).