Ezt hogyan tudnam megoldani?

Ez a kis szösszenet amit írtál több sebből vérzik. Figyelj oda a szerkezetre!

1.) is az első táblázat cellát (<td>) is sorba kell szervezni (<tr>)

2.) a html elemek attribútum értékeit idézőjelek közé tesszük (<table align="center">)

3.) az img tag kötelező eleme az alt attribútum, és mivel magányos elem, így a végén záró backslash jó ha van (xhtml) pl: <img src="p.png" alt="ez egy kép" />

4.) nem kell táblázatot használni, ha nem táblázatot jelenítesz meg. itt neked a lényeg, hogy a képek egymás alatt legyenek egyforma mérettel (szélességgel?)

Ezt így egyszerűbb megoldani:

<p>

<img src="elso.png" alt="első kép" width="200" /><br />

<img src="masodik.png" alt="második kép" width="200" /><br />

<img src="harmadik.png" alt="harmadik kép" width="200" />

</p>

A beillesztett képek pixelesedhetnek, ha a valódi méretűk kisebb mint a width attribútummal beállított érték, és nem is szerencsés más méretet megadni, mint amekkora maga a kép, erre figyelj.

Még több infó, és tanulást segítő anyag (minimális angol tudás szükséges):

http://www.w3schools.com/html/default.asp

<center>

<!-- Cucc -->

</center>

<div id="kepek">

<img src=""></img>

<img src=""></img>

<img src=""></img>

</div>

css

div#kepek {width: 310px; margin: 0 auto; height: 110px}

div#kepek img {float:left;width: 100px; height: 100px;margin: 5px;}

#5-nek: te jó Isten! ezt hol tanultad?! Tűnés utánanézni a helyes szintaxisnak: [link]

Középre rendezni a legegyszerűbb, ha a befolglaló szerkezetre (az én példámban a paragrafus elem) teszel egy align="center" attribútumot, vagy a stílusát állítod be. Ma már ez az ajánlottabb és elfogadottabb megoldás (bár nem a legrövidebb): <p style="text-align: center;">...

Kedves kérdező! Neked is ajánlom a fent linkelt oldalt. Nézd át, és keress rá ott a kérdéseidre előbb. Ki is próbálhatod az ajánlott dolgokat azon az oldalon.