A képek alá szeretnék írni közvetlenül szöveget, mi a helyes átalakítás?
Az alábbi kód részletet szeretném úgy módosítani, hogy a képek alá tudjak írni, és a képek ne csússzanak el, legyenek 2 sorban egymás mellett, hogyan lehetne megcsinálni? Köszönöm a segítséget.
<a href="akciok/1.JPG" rel="lightbox[galeria]" title=""><img src="akciok/1.JPG" height="75" style="border:1px #A7A7A7 solid"></a><br>999 ft.
<a href="akciok/2.JPG" rel="lightbox[galeria]" title=""><img src="akciok/2.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
<a href="akciok/3.JPG" rel="lightbox[galeria]" title=""><img src="akciok/3.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
<a href="akciok/4.JPG" rel="lightbox[galeria]" title=""><img src="akciok/4.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
<a href="akciok/5.JPG" rel="lightbox[galeria]" title=""><img src="akciok/5.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
<br><div style="height:20px"></div>
<a href="akciok/6.JPG" rel="lightbox[galeria]" title=""><img src="akciok/6.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
<a href="akciok/7.JPG" rel="lightbox[galeria]" title=""><img src="akciok/7.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
<a href="akciok/8.JPG" rel="lightbox[galeria]" title=""><img src="akciok/8.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
<a href="akciok/9.JPG" rel="lightbox[galeria]" title=""><img src="akciok/9.JPG" height="75" style="border:1px #A7A7A7 solid"></a>
Szia
Én valahogy így csinálnám:
<div style="width: auto; height: 97px; float: left; margin: 10px;">
<a href="akciok/1.JPG" rel="lightbox[galeria]" title="" style="display: block;">
<img src="akciok/1.JPG" height="75" style="border:1px solid #A7A7A7;">
</a>
<span style="text-align: center; color: #A7A7A7; display: block;">999 ft.</span>
</div>
<div style="width: auto; height: 97px; float: left; margin: 10px;">
<a href="akciok/2.JPG" rel="lightbox[galeria]" title="" style="display: block;">
<img src="akciok/2.JPG" height="75" style="border:1px solid #A7A7A7;">
</a>
<span style="text-align: center; color: #A7A7A7; display: block;">888 ft.</span>
</div>
<div style="width: auto; height: 97px; float: left; margin: 10px;">
<a href="akciok/2.JPG" rel="lightbox[galeria]" title="" style="display: block;">
<img src="akciok/2.JPG" height="75" style="border:1px solid #A7A7A7;">
</a>
<span style="text-align: center; color: #A7A7A7; display: block;">777 ft.</span>
</div>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!