WN - Bild och text justering

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Bild och text justering (https://www.wn.se/forum/showthread.php?t=37947)

Bild på raden ovanför text

Jag försöker lägga 4 bilder ovanför texten som ett meny system, men jag vet inte hur jag ska göra, visst så kan jag skapa en tabell och lösa det på det sättet men det känns inte rätt.

[BILD1]__[BILD2]__[BILD3]
_ txt1 ____ txt2 ____ txt3

Hoppas ni förstår hur jag menar.

Du kanske kan göra en lista?

kapsla in bild med tillhörande text i en lista eller i floatade divvar, eller möjligtvis i en definition list (DL).

exempel1

Kod:

<div class="mylist">

<div ><img src="bild1"/><p>bildtext</p></div >

<div ><img src="bild2"/><p>bildtext</p></div >

<div ><img src="bild3"/><p>bildtext</p></div >

<div ><img src="bild4"/><p>bildtext</p></div >

</div >

exempel 2

Kod:

<ul class="mylist">

<li><img src="bild1"/><p>bildtext</p></li>

<li><img src="bild2"/><p>bildtext</p></li>

<li><img src="bild3"/><p>bildtext</p></li>

<li><img src="bild4"/><p>bildtext</p></li>

</ul>

Sen behöver man lite Css också