
Nefungující odkaz v CSS
Zdravím, snažím se vytvořit obrázek jako odkaz v CSS, avšak při kliknutí na obrázek se nic neděje :(
Zkoušel jsem různé varianty zápisu atributů a skončil jsem u tohoto:
/v css souboru/
#ramecek_rozbalovacinabidka-novinky{
background-image: url("../obrazky/menu_novinky.png");
width: 135px;
height: 30px;;
padding-top:12px;;
border-style: solid;
border-color: white;
border-width: 3px;
margin: 0 2px;
padding: 0.5em;
float: left;
}
------
/v nějakém souboru/
<div id="ramecek_rozbalovacinabidka-novinky">
<a style="background-image: url(../obrazky/menu_novinky.png);" href="../oblast/novinky.php"></a>
</div>
Nemáte někdo nějakou radu, aby z toho byl klasický odkaz přes obrázek? Díky za rady
TiP : Prehlednejsi je co se tyce border, pouzit:
Obrazek jako odkaz se delà nasledovne :
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
• To muzes, ale v HTML muzes provést nastavení rozmeru prímo
: