Gunnar Bittersmann: Bei MouseOver -> CSS-Änderung - Zellen verschieben sich

Beitrag lesen

@@subzero_ch:

nuqneH

Was ich eigentlich wollte:
Bei Mouse-Over: Wechsel des "Font-Weight" zu "Bold", und bei Mouse-Out wieder zurück.

(1) Die ist oft unsinnig, da der Text dadurch unterschiedlich breit ist und evtl. fett mehr Zeilen einnimmt als normal, was zu äußerst unschönem Umspringen führt.

(2) Es ist unsinnig, dafür JavaScript einzusetzen. Das geht mit CSS mit der <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklasse :hover>.

(3) Es ist unsinnig, 'table' für etwas anderes als tabellarische Daten zu missbrauchen. Ein Menü ist eine _Liste_ von Links:

<ul>  
  <li><a href="portrait">Portrait</a></li>  
  <li><a href="natur">Natur</a></li>  
  <li><a href="situation">Situation</a></li>  
  <li><a href="try">Try</a></li>  
  <li><a href="about">About</a></li>  
  <li><a href="book">Book</a></li>  
</ul>

Die Menüpunkte bekommst du per 'float: left' oder 'display: inline' nebeneinander, die Bullets per 'list-style: none' weg, 'margin'/'padding' auf genehme Werte setzen – voilà!

Sämtliche Darstellungsangaben gehören ins Stylesheet, nicht in (missbilligte) HTML-Attribute @width, @height, @valign.

Meine Ausführung sieht auf die Tag's bezogen folgender massen aus:

Tags? Der Plural im Deutschen nie mit Apostroph.

Qapla'

--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)