display:none auf block
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
blocken
display
form
funktionieren
http
kombination
maus
navigation
opus
prinzip
setzen
stichwort
text
url
-
Hi,
ich glaub ich hab mal irgendwo gesehen, dass wenn man mit der Maus über einen Text gefahren ist, dass weiter darunter eine Erläuterung war.
Hab mir damals edn Quelltext flüchtig angeschaut und da war none und block.
Ich überleg aber gerade wie ich das machen soll.
Geht das nur mit JavaScript oder auch nur mit CSS?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das müsste sogar ganz ohne Javascript funktionieren. Also nur mit CSS
Es gibt ja auch CSS Dropdown Navigationen, die vom Prinzip her genau das machen was du möchtest.
Ansonsten geht's defintiv mit einer Kombination aus beidem (Stichwort: 'onmouseover'). -
Du kannst das ganz einfach mit CSS lösen.
<a class="verstecker"><div>Hier steht der Text der immer angezeigt werden soll
<p>Ich soll nur beim MOuseover des Hauptelements gezeigt werden</p>
</div></a>
Das CSS dazu:
a.verstecker div p { display: none; }
a.verstecker:hover div p {display: block; }
Das wars schon. Ist natürlich so in dieser Form nur verwendbar, wenn du innerhalb des DIVs/Ps keinen Link setzen willst. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
