padding
fischnackdissen
- css
HI
Habe da mal ein Anliegen und zwar habe ich diesen Code hier:
---------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a:link {
font:bold 16px Times;
color:white;
text-decoration:none;
}
a:visited {
color:blue;
text-decoration:none
}
a:hover {
color:white;
text-decoration:underline;
padding:4px;
background:#850606;
}
p {
word-spacing:4em;
}
</style>
</head>
<body bgcolor="#7c92ab">
<p align="center">
<a href="#">testlink</a>
<a href="#">testlink</a>
<a href="#">testlink</a>
<a href="#">testlink</a>
</p>
</body>
</html>
---------------------------------------------
Das Problem ist, dass wenn ich mit der Maus über den Link gehe verschieben sich die anderen Links. Liegt wohl an dem Padding. Wie kann ich denn das so bauen, dass sich die anderen Links nicht verschieben?
Danke für Hilfe.
Fisch
Hi.
a:link {
font:bold 16px Times;
color:white;
<-----einfügen-----|
text-decoration:none; |
} |
a:visited { |
color:blue; |
text-decoration:none |
} |
a:hover { |
color:white; |
text-decoration:underline; |
padding:4px; >---kopieren----|
background:#850606;
Liegt wohl an dem Padding. Wie kann ich denn das so bauen, dass sich die anderen Links nicht verschieben?
Okay?
vg Bud
hui, schei... Manchmal sieht man den Wald vor Bäumen nicht :)
Danke geht jetzt alles.
@korn: ??? Wieso ich das will? Ich will ein Menü basteln. Oder wie meinst du das jetzt?
hi,
Wieso ich das will? Ich will ein Menü basteln.
Dann klatsche doch bitte keinen Linkhaufen einfach so ins Dokument, sondern verwende eine Liste von Links.
gruß,
wahsaga
Hi.
Wieso ich das will? Ich will ein Menü basteln.
Dann klatsche doch bitte keinen Linkhaufen einfach so ins Dokument, sondern verwende eine Liste von Links.
Das sagst du einfach. :-) Etwas anderes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>css</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"><!--
body {
color: black;
background-color: #7c92ab }
a:link {
color: white;
font: bold 16px Times;
text-decoration: none;
padding: 4px }
a:visited {
color: blue;
font-weight: bold;
text-decoration: none }
a:hover {
text-decoration: underline;
background: #850606 }
p {
word-spacing: 4em }
li {
display: inline;
margin-right: 50px }
ul {
text-align: center }
--></style>
</head>
<body>
<ul>
<li><a href="#">testlink</a></li>
<li><a href="#">testlink</a></li>
<li><a href="#">testlink</a></li>
<li><a href="#">testlink</a></li>
</ul>
</body>
</html>
Das zeigt der IE7 (IE6 nicht) doch tatsächlich identisch an mir FF 2.0 und Opera 9.02. Ich bin überrascht.
vg Bud
Hi.
Das zeigt der IE7 (IE6 nicht) doch tatsächlich identisch an mir FF 2.0 und Opera 9.02. Ich bin überrascht.
Sorry. Cache geleert -> IE6 ist doch mir von der Partie.
vg Bud
Hallo,
Sorry. Cache geleert -> IE6 ist doch mir von der Partie.
vg Bud
Und nu is' Bud-wiser :D
*scnr*
netten Tag
^da Powl
Das Problem ist, dass wenn ich mit der Maus über den Link gehe verschieben sich die anderen Links. Liegt wohl an dem Padding. Wie kann ich denn das so bauen, dass sich die anderen Links nicht verschieben?
Bei a:link und a auch ein padding geben. Aber wieso willst du das überhaupt?
MfG
Korn