Padėkit sugeneruoti html kodą

Sveiki, deliojiu tokį dizainą ir užstrigau norėdamas padaryti vieną dalyką. Noriu padaryti tris paveiksliukus 260x220 px kurie būtų išdėstiti (inline), tarpai butu 5px. Ir kad tarp kiekvieno pavreksliuko būtų meniu (kad rodytų kaip bloką). Meniu raidžių didumas 6-8px.

Gal galit sugeneruoti šį kodą arba duoti kokių patarimų kaip daryti.

Paveiksliukas nera aiskiausias, mokykliniame kompiuteryje neturiu nei Photoshop nei Lietuviu kalbos. Gal suprasi

http://img42.imageshack.us/img42/3923/namnlspr.jpg

Na, viskas čia paprasta. ;)

<div id="blokas1">
<ul>
	<li><a href="#">Meniu punktas</a></li>
	<li><a href="#">Meniu punktas</a></li>
	<li><a href="#">Meniu punktas</a></li>
</ul>
</div>
<div id="blokas2">
<ul>
	<li><a href="#">Meniu punktas</a></li>
	<li><a href="#">Meniu punktas</a></li>
	<li><a href="#">Meniu punktas</a></li>
</ul>
</div>
<div id="blokas3">
<ul>
	<li><a href="#">Meniu punktas</a></li>
	<li><a href="#">Meniu punktas</a></li>
	<li><a href="#">Meniu punktas</a></li>
</ul>
</div>

<div style="clear: both;"></div>

Ir CSS.

#blokas1, #blokas2, #blokas3 { width: 260px; height: 220px; margin: 0 5px 0 0; float: left; }

#blokas1 { background: url(images/paveikslelis1.png) no-repeat; }
#blokas2 { background: url(images/paveikslelis2.png) no-repeat; }
#blokas3 { background: url(images/paveikslelis3.png) no-repeat; margin: 0; }

Trečiajam blokui nereikia atitraukimo iš dešinės, todėl nustatome margin: 0. Papildomą div'ą pridėjau float reikšmėms išvalyti. Tikiuosi pagelbėjau.

Dekui, man visada gaudavosi tokia nesamone, kad issidestydavo tokia "histogramos" forma - visi 3 meniu palaipsniui didejo

Dar vieną klausimą pakalusiu: Kaip panaikint tuos taškelius prie meniu punktas. Text Decoration None kaip ir neveikia, o gal ne ten rašau? Kur jį reiktų rašyt ?

pridėk šitą.

ul { text-decoration:none; }

Neveikia, hover tik nusiima o taškeliai palieka

Biški geriau pagalvojau ir sumaščiau, kad čia text decoration ne prie ko. Panaudojau list-style:none; ir viskas ok.