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

Just like this website....
anyone can help>?
any help is great appreciated...:)
Attachment 14665

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:

Code:

---

<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:

Code:

---

#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)

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

Code:

---

<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:

Code:

---

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

---

etc...

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.

Use CSS 3 which allows multiple backgrounds.

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).

<p class="soso color1">your text1</p>
<p class="soso color2">your text2</p>