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
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
: