Nefungující odkaz v CSS

Ten DIV musí být uvnitř A, ty to máš obráceně.

Do tagu <a> dej tag <img>.

TiP : Prehlednejsi je co se tyce border, pouzit:

border: 3px solid black;

Obrazek jako odkaz se delà nasledovne :

<a href="http://tvuj_odkaz"><img src="tvuj_obrazek.jpg"></a>

Za image pred </a> muzes pridat alt="Popisek obrazku"

Jen pro úplnost - podle "pravidel tvorby přístupného webu" každý obrázek atribut "alt" mít nejen může, ale přímo musí, pouze pokud obrázek nenese žádnou informaci (je tedy použít jako dekorace) má atribut "alt" prázdnou hodnotu. Pravda, "pravidla tvorby..." nejsou závazná a web bude stejně fungovat i bez nich, ovšem vyhledávače si na "alt" dost zakládají a různé validátory kódu jsou přímo na mrtvici, pokud alt chybí .

Díky moc za radu, nakonec jsem to vyřešil tak, že jsem odstranil celý class id v css, vytvořil si obrázky na míru, a v souboru se skripty jsem místo místo toho původního napsal toto:

<div class="vycentrovany-obsah">
<a href="/../oblast/brnensko/novinky.php"><img src="../../obrazky/menu_novinky.png" alt="Novinky"></a>

<a href="/../oblast/brnensko/archiv.php"><img src="../../obrazky/menu_archiv.png" alt="Archiv"></a>

<a href="/../oblast/brnensko/plan_akci.php"><img src="../../obrazky/menu_plan-akci.png" alt="Plán akcí"></a>

<a href="/../oblast/brnensko/fotogalerie.php"><img src="../../obrazky/menu_fotogalerie.png" alt="Fotogalerie"></a>
</div>

[VYŘÍZENO]

PS: Šlo mi o bezchybnou validaci, která prošla

udelam jsem si obrázky na míru

• To muzes, ale v HTML muzes provést nastavení rozmeru prímo :

<a ...... img src="tvuj_obrázek.png" width="100" height="100">.....</a>