<li id=""> verlinken?

[Marcel_H]

Hallo,
es geht um folgenden code:

<div id="buttons">   
   <ul>  
   <li id="news"></li>
   ..........
   </ul>                 
  </div> 

#news {    
    background-image:url(style/navi/main/news.jpg);    
    width:79px;
    height:22px;
    
}

#news:hover {    
    background-image:url(style/navi/main/newshover.jpg);    
    width:79px;
    height:22px;
    
}

wie kann ich mein <li> am bessten verlinken?
Hab es schon mit <li id="news"><a href="test">&nbsp;</a></li> versucht,was allerdings nicht klappt bzw schlecht funktioniert.
Könnte mir jemand helfen?
M.F.G

 

[Asipak4You]

Was funktioniert denn daran nicht?

 

[_Thor_]

Du solltest auf eine gültige Datei verweisen, test.html, test.php, nicht nur auf test.

 

[Marcel_H]

Das "Test" sollte in dem beispiel nur die verlinkung füllen ;)
hab es mal hier hochgeladen um es besser zeigen zu können:
Untitled Document
ich möchte einfach meine rolloverbuttons verlinken und das geht meiner meinung nach schlecht mit <li id="news"><a href="index.php?site=news">&nbsp;</a></li> denn dadurch muss man auf das _ klicken um denn link sichtbar zu machen.Schaut es euch am bessten an,ihr werdet verstehen was ich meine.

 

[threadi]

Du machst das schon richtig mit dem &nbsp;. Ergänze mal noch im CSS folgendes:

#areabg li a {
 display: block;
 text-decoration: none;
}
#areabg li a:hover { text-decoration: none; }

 

[_Thor_]

Hast du dir mal deine Seite mit deaktivierten Grafiken und Javascript angeschaut? Sie ist nicht mehr zu bedienen, weil bei den Links nur noch _ zu sehen ist und deine Untermenüs nicht mehr angezeigt werden.

Die Links sollten nicht &nbsp; enthalten, sondern Text.

 

[Marcel_H]

Du machst das schon richtig mit dem &nbsp;. Ergänze mal noch im CSS folgendes:

#areabg li a {
 display: block;
 text-decoration: none;
}
#areabg li a:hover { text-decoration: none; }

Danke das hat geklappt.

@Thor Mache die Homepage für einen Freund,und er wünscht es so....
hätte es auch lieber mit Text gemacht.

Trotzallem vielen Dank an euch.Wünsche noch einen schönen Ostermontag ;)

 

[_Thor_]

Mache die Homepage für einen Freund,und er wünscht es so....

Er wünscht sich, dass Besucher ohne Javascript sein Menü nicht bedienen können und Besucher ohne Grafiken das Menü nicht sehen können?

Das sind ja merkwürdige Ansprüche. Ich würde wollen, dass meine Besucher die Seite nutzen können, egal welchen Client sie verwenden.

 

[Marcel_H]

So meinte ich das nicht,allerdings wenn du weisst wie man sowas ohne javascript lösen kann wäre ich sehr dankbar.Und da es sich um eine Clanhomepage handelt denke ich das jeder Besucher die Grafiken nicht blockiert hat.

 

[_Thor_]

Du brauchst ja nicht auf Javascript verzichten, allerdings sollte es auch ohne funktionieren, dann halt mit Klick.

Du kannst z.B. mit

<a href="test.php" onclick="do_something(); return false;">test</a>

dafür sorgen, dass ein Klick bei aktiviertem Javascript abgefangen wird und bei deaktiviertem Javascript ausgeführt wird.

Für Grafiken kannst du z.B. Ãœbersicht: Image-Replacement-Techniken – Artikel von Jens Meiert verwenden.