nicht angemeldet
Hover Buttons
hallo,
habe mir für meine navigation hover buttons mittels css gebaut:
<head>
<style type="text/css">
<!--
a {
display:block;
margin-bottom:2px;
text-align:left;
width:130px;
border-style:ridge;
border-width:1px;
padding:1px;
padding-left:5px;
font-family:Verdana;
font-size:7pt;
font-weight:normal;
text-decoration:none;
}
a:link { color:#00f; background-color:transparent; }
a:visited { color:#00f; background-color:transparent; }
a:hover { color:#ff0; background-color:#00f; }
a:active { color:#ff0; background-color:#a03; }
a:focus { color:#ff0; background-color:#a03; }
-->
</style>
</head>
<body>
<a href="#">..: button1</a>
<a href="#">..: button2</a>
<a href="#">..: button3</a>
<a href="#">..: button4</a>
<a href="#">..: button5</a>
</body>
im mozilla firefox browser gefallen mir die buttons recht gut. im IE verhalten sie sich etwas komisch, beim überqueren mit der mouse ziehen sie sich zusammen, dieser effekt war nicht geplant. wie kann ich dies im IE unterbinden? gibt es vielleicht eine empfehlenswertere methode für hover buttons? wobei mir die css methode doch recht gut gefällt. wie machen es den die profis, oder wie ist der standard solche buttons zu erstellen?
gruß
peter
-
Hi,
margin-bottom:2px;
mach da mal margin:2px draus - Du überforderst den alten Browser sonst;-)
font-size:7pt;
ein wenig klein, oder? Und außerdem eine für den Bildschirm ungeeignete Einheit.
gibt es vielleicht eine empfehlenswertere methode für hover buttons? wobei mir die css methode doch recht gut gefällt. wie machen es den die profis, oder wie ist der standard solche buttons zu erstellen?
Wenn Du so fragst: schon mit CSS, aber mit einer Liste für die Links, die sich noch weitaus vielseitiger formatieren läßt.
freundliche Grüße
Ingo-
Hi ingo,
font-size:7pt;
ein wenig klein, oder? Und außerdem eine für den Bildschirm ungeeignete Einheit.welche einheit währe denn besser?
gibt es vielleicht eine empfehlenswertere methode für hover buttons? wobei mir die css methode doch recht gut gefällt. wie machen es den die profis, oder wie ist der standard solche buttons zu erstellen?
Wenn Du so fragst: schon mit CSS, aber mit einer Liste für die Links, die sich noch weitaus vielseitiger formatieren läßt.was ist denn eine liste?
gruß
peter-
Hallo.
welche einheit währe denn besser?
"em" oder "%".
MfG, at -
Hi,
was ist denn eine liste?
z.B. <ul>
freundliche Grüße
Ingo-
Hi ingo,
was ist denn eine liste?
z.B. <ul>könntest du mir dazu mal ein beispiel zeigen?
kenne zwar die notation von listen, aber kann mir nicht vorstellen wie ich damit buttons formatieren sollgruß
peter-
Hallo.
kenne zwar die notation von listen, aber kann mir nicht vorstellen wie ich damit buttons formatieren soll
Durch Verschachtelung der Buttons in jeweils einem Listenpunkt.
MfG, at -
Hi,
könntest du mir dazu mal ein beispiel zeigen?
http://www.1ngo.de/web/imenu.html - unten findest Du auch einen Link zu Dutzenden weiterer Beispiele.
freundliche Grüße
Ingo
-
-
-
-
-
Hallo,
width:130px;
font-size:7pt;Ich denke du solltest die breite in em angeben, dann werden nämlich - egal wie groß jemand die Schrift wählt - deine Links reinpassen.
Vielleicht hilft dir auch der Link http://css.maxdesign.com.au/listamatic/
Grüße
Jeena Paradies--
Photo Shooting - Erotik zu hause
http://jeenaparadies.de/weblog/2004/oktober/shooting/
SELFTreffen in Dresden - Ein Bericht
http://community.de.selfhtml.org/treffen/2004/dresden/