Fire ens bokse ved siden af hinanden i css
HejJeg har lavet 4 ens bokse ved siden af hinanden, ved at definere boksene i CSS med hvert deres id:
#previewbox1 {
position:relative;
float:left;
margin:5px 3px 0px 3px;
overflow:hidden;
width:181px;
height:100px;
border: 1px solid #606257;
background-color: #D6CFB2;
color: #000000;
}
(Boks nummer to, tre og fire er magen til)
Html-koden:
<div id=\"previewbox1\">
<div id=\"previewbox_head1\">
Seneste nyheder...
</div>
</div>
<div id=\"previewbox2\">
<div id=\"previewbox_head2\">
Seneste nyheder...
</div>
</div>
etc.
Hvordan kan jeg lave det, så jeg ikke behøver at have alle 4 defineret, når de alligevel er ens.
Jeg lavede det først som et id og havde så HTML-koden 4 gange, men det kan ikke valideres hos W3C som gyldig, da hvert id kun kan bruges én gang.
What do i do?
