CSS háttér linkelés?

a elemnek is add meg a height:75px -et, és le veheted a padding:10px -et.

és ne dupla idézőjellel zárd a href paramétert. :-)

Igazság szerint nem így szokás megoldani ezt. Van egy egyszerű csúnya megoldás a te esetedre most, de ezt nem ajánlanám, mert sok gondod lehet belölle css-nél.

Jelenleg a html-ben ha az <a> tag-et a <li> tag-ekből kiveszed és kívülre rakod akkor a lista elemek a linken belülre kerülnek ugye és így kattinthatóak. Viszont ez így nem szép megoldás és sok helyről vérzik.

A probléma már ott is jelentkezik, hogy a menü gombjaid szövege is a képen rajta. Az nem jó. A szöveg az tartalom... az pedig a html-be kell h szerepeljen. Ha egy régi telefonnal megnéznénk így a honlapodat, ami nem tölti be a stíluslapot (css-t) akkor nem lesz menürendszere az oldaladnak és használhatatlan.

Szóval a másik megoldás lenne az igazi... Átszerkeszted aképeidet szöveg nélkülire azaz maradnak a kis házikó, infó stb.

Utánna a jelenlegi html fájlodban ígyalakítod ki a lista elemeit:

<li><a href="http://www.cimem.hu/"><img onmouseover="ujImg(this)" onmouseout="normalImg(this)" border="0" src="eredeti_kepem.jpg" alt="Ez az én képem">Gombom szövege...pl Home</a></li>

Majd a </ul> tag után valahol, kehetőség szerint a </body> tag elött közvetlen berakod ezt a scrip tag-et.

<script>

function ujImg(x)

{

x.setAttribute('src','masik_kepem.jpg');

}

function normalImg(x)

{

x.setAttribute('src','eredeti_kepem.jpg');

}

</script>

Ezután pedig css segítségével olyanra alakítod a szöveged méretét és stílusát amilyenre szeretnéd....

Olvastam a kérdést... az img és a szöveg is az <a> tag-en belül van így mindkettő kattintható marad és a li tag-nek ha megadod az id-kat ugyanúgy mozgathatod <li>-t a benne lévő elemekkel együtt. Css vagy Js segítségével is.

De lényeg, hogy a másik megoldás bevált. További jó munkát... :)