3x3 bilder med CSS

[formannen]

Jeg vil ha 3 bilder vertikalt på tre horisonale linjer, som skal være sentrert på en side. Uten mellomrom på noen av de. Får ikke dette til... enten så kommer alle 9 bildene horisontalt, eller så kommer de vertikalt.

 

PS: viktig at de ikke har mellomrom mellom noen av bildene.

 

Takker for alle svar...

[Haraldson]

img { clear: both; margin: 0 auto; } skulle fikse den biffen. I tillegg må du legge til text-align: center; i elementet som ligger rundt.

 

Tror det skulle fungere.

 

Hmm... nå ble jeg i tvil, siden bilder er inline-elementer... Prøv.

Endret 19. januar 2005 av Mr.Berg

[Steinmann]

tror du missforsto berg.

 

så jeg forstår det vil du ha grupper på 3?

da ville jeg laget 3 div's som rommet tre bilder vær

også satt berg kode på den diven!

html:

<div class="imggroup">
<img.../>
<img.../>
<img.../>
</div>
<div class="imggroup">
...

css:

.imggroup { clear: both; margin: 0 auto; }

 

mulig det ville vært lurt med en div rundt den også som bannt allt sammen?

og som berg sier, må ha med text-align: center for IE støtte

[Haraldson]

Hva er forskjellen, orsus? Han sa ingenting om andre elementer, og så vidt jeg kan se vil også min kode fungere, uten ekstra divs.

[Steinmann]

din kode vil legge de 9 bildene under hverandre.

det har trådstarter allerede fått til, men er ikke det ønskelige resultatet,

slik jeg forsto det.

mer som:

XXXXX

XBBBX

XBBBX

XBBBX

XXXXX

 

hvis du skjønte den :\