✔ Verlinkung von <td>, linkanzeige problem.

[bladich]

Guten Tag


Habe ein kleines Problem wo mir vlt. hier jemanden helfen kann.


Seite: http://www.morrigan.ch/testing


Wie man sieht sind alle Menüpunkte verlinkt (auf google) aber wenn man über die Menüpunkte fährt erscheint kein Hinweis das es sich um einen Link handelt. Kann ich das irgendwie ändern?

Getestet mit IE6 (Darf hier keinen FF brauchen =()



HTML:

<a class="link_menu" href="http://www.google.ch/"><td class="home"></td></a>

CSS:

td.home{
 	width: 104px;
         height: 27px;
         background-image: url(../images/home.jpg);
}

link_menu hat noch keine Eigenschaften im CSS. Mit :hover usw. hab ich es getestet geht nicht.


Vielen Dank im Vorraus für Hilfe

 

[soyo]

Was soll denn für ein Hinweis erscheinen? Meinst du die Änderung vom Cursor? Warum nutzt du eigentlich Tabellenzellen zur Linkdarstellung?

 

[Maik]

Grundsätzlich hast du die Reihenfolge der Elemente a und td vertauscht

<!-- aus -->
<a class="link_menu" href="http://www.google.ch/"><td class="home"></td></a>

<!-- wird -->
<td class="home"><a class="link_menu" href="http://www.google.ch/">home</a></td>

Abgesehen vom derzeitigen Tabellenlayout wäre diese Formatierung eleganter:

a.home{
         display: block;
 	 width: 104px;
         height: 27px;
         background-image: url(../images/home.jpg);
}

a.home span {
         display: none;
}

<td><a class="home" href="http://www.google.ch/"><span>home</span></a></td>

 

[bladich]

Was soll denn für ein Hinweis erscheinen? Meinst du die Änderung vom Cursor? Warum nutzt du eigentlich Tabellenzellen zur Linkdarstellung?

Ja ein Cursor sollte kommen. Weil mir nichts anderes einfällt als gleich die ganze Tabellenzeile zu verlinken.

Ohje mir kommt gerade in den Sinn das dies nicht html-Konform ist. XD


Irgend ne andere Idee ausser einer Imagemap?

 

[Maik]

Irgend ne andere Idee ausser einer Imagemap?

Probier's mal mit meinem Vorschlag.

 

[soyo]

Ich würd es mit einer horizontalen Listenelement lösen und für jeden Link eine CSS-Klasse mit entsprechenden Hintergrundbild definieren, aber mit Michaels Lösung kommst du auch ganz gut recht.

 

[bladich]

Grundsätzlich hast du die Reihenfolge der Elemente a und td vertauscht

<!-- aus -->
<a class="link_menu" href="http://www.google.ch/"><td class="home"></td></a>

<!-- wird -->
<td class="home"><a class="link_menu" href="http://www.google.ch/">home</a></td>

Abgesehen vom derzeitigen Tabellenlayout wäre diese Formatierung eleganter:

a.home{
         display: block;
 	 width: 104px;
         height: 27px;
         background-image: url(../images/home.jpg);
}

a.home span {
         display: none;
}

<td><a class="home" href="http://www.google.ch/"><span>home</span></a></td>

Vielen Dank =)

 

[bladich]

Hi

Ich bins nochmal, hab nun alles so gemacht, im IE läuft es an sich gut, aber bei FF fehlen die Bilder. ;-]

Any solution?

 

[Maik]

Den übrigen Links fehlt noch die display:block-Eigenschaft.

 

[bladich]

Den übrigen Links fehlt noch die display:block-Eigenschaft.

Oh vielen dank. Ich sollte vorsichtiger arbeiten, dann sollten so Fehler nicht vorkommen, sorry.