 "MouseOver" über gesamtem button statt nur überm T |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
| Gast_Ace_NoOne_* |
 25.01.2004 - 19:30
Beitrag
#1
|
|
Gäste  |
Hallo erstmal.
Ich hab' mir ein Nav-Menü geschrieben, das dynamisch Untermenüs aufklappt, wenn man mit der Maus über den jeweiligen Menübutton fährt (=> JavaScript - "onMouseOver"; betrifft logischerweise auch den grafischen Effekt, den ich mit CSS und ":HOVER" erzeugt habe). Das Problem ist jetzt, dass die buttons teilweise deutlich breiter sind als der Text. Dadurch wird das jeweilige Untermenü nur aktiviert, wenn man genau über den Text fährt, was natürlich etwas störend wirkt. Natürlich könnte ich jetzt mit Leerzeichen 'auffüllen', sodass der "Text" auf den buttons immer bis zum Rand reicht - aber das wäre erstens ungenau und zweitens unsauber... Wäre dankbar für Hilfestellungen. |
 |
 
|
 |
Antworten
|
02.02.2004 - 21:01
Beitrag
#2
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad!  Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
Hallo Ace,
ich denke so könnte man Dein Problem lösen :idea: : QUELLTEXT <HTML>
<HEAD> <TITLE>Testseite</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <META NAME="author" CONTENT="Conrad Beck"> <META NAME="generator" CONTENT="Phase5³"> <STYLE TYPE="text/css"> body { margin: 0%; font-family: serif; color: #000000; font-style: bolder; font-size: 14px; background-color: #FF7F7F; } a.link { display:block; width:100px; height:50px; border:1px solid #000000; background-color:#cdcdcd; text-align: center; padding-top: 15; } a.link:hover { background-color:#ffffff; } </STYLE> </HEAD> <BODY> <P> </P> <P> </P> <TABLE align="center"> <TR> <TD><A CLASS="link" HREF="#">Link 1</A></TD> <TD><A CLASS="link" HREF="#">Link 2</A></TD> <TD><A CLASS="link" HREF="#">Link 3</A></TD> <TD><A CLASS="link" HREF="#">Link 4</A></TD> </TR> </TABLE> </BODY> </HTML> Kopiere es zunächst mal als neuer Seite, passe es deinen Bedürfnisse an und füge es dann erst in die eigemtliche Seite ein. Die lösung liegt in 'Display: block;' mit höhen und weiten Angaben. Merke: die schriftgröße (14px -Body-) steht im direktem Verhältnis zum Padding top und höhen Angabe bei 'a.link'. Und Ja, ich habe das mit der Tabelle -widerwillig- übernommen :wink: cu Conny (heute mal wieder genial!  )
PS. geht bei IE 5.5, IE6.0, Opera 7 und Netscape/ Mozilla >4 |
|
|
|
Beiträge in diesem Thema
Ace_NoOne "MouseOver" über gesamtem button statt nur überm T 25.01.2004 - 19:30
Conny Hi,
wenn die Seite bereits Online ist, dann stelle... 25.01.2004 - 19:36 Ace_NoOne Die Seite online stellen kann ich nicht, da der In... 25.01.2004 - 21:00 Conny Hi,
soweit ich es überblicken kann, sind Deine But... 25.01.2004 - 21:16 Ace_NoOne Yep, es sind lediglich TDs - hätte ich vielleicht ... 25.01.2004 - 21:26 Netizen ZITATAlso, die Menüleiste, aus der heraus man die ... 26.01.2004 - 0:31 Ace_NoOne Mit <ul> und "display: block;" geht's nicht,... 01.02.2004 - 21:42 Netizen ZITATMit <ul> und "display: block;" geht's n... 01.02.2004 - 22:27
Ace_NoOne Danke!! Sieht gut aus so; werde es bei Gelegenheit... 08.02.2004 - 11:29 |
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 14.05.2025 - 1:26 |