M
Maik
Okay, wusste nicht, dass man auch </link> verwenden darf / kann.
Man lernt halt nie aus!
Thanx @ Gumbo ;-]
Man lernt halt nie aus!
Thanx @ Gumbo ;-]
✔ Hintergrundbilder (Buttons) verschwinden mit text-decoration:none
- Themenstarter Sumisu
- Beginndatum
- Status
Sumisu
Mitglied
Hi,
na toll, jetzt werden zwar die Bilderlinks so angezeigt, wie's
sein soll, aber ich kann sie jetzt dafür nicht mehr mit float:left
nebeneinander setzen.
Das Ding ist:
Ich habe mehrere Links als Bilder, die nebeneinander stehen
sollen. Dadurch, dass ich die a's jetzt auf block gesetzt
habe, erscheinen die Bilder nun natürlich untereinander.
Habe also versucht mit einem span-Tag die a's zum umgeben,
und diesem Tag ein float:left zuzuweisen. Funktioniert auch
nicht. Mit div ebensowenig.
Kann doch nicht wahr sein ...
Bitte nochmals zu helfen.
na toll, jetzt werden zwar die Bilderlinks so angezeigt, wie's
sein soll, aber ich kann sie jetzt dafür nicht mehr mit float:left
nebeneinander setzen.
Das Ding ist:
Ich habe mehrere Links als Bilder, die nebeneinander stehen
sollen. Dadurch, dass ich die a's jetzt auf block gesetzt
habe, erscheinen die Bilder nun natürlich untereinander.
Habe also versucht mit einem span-Tag die a's zum umgeben,
und diesem Tag ein float:left zuzuweisen. Funktioniert auch
nicht. Mit div ebensowenig.
Kann doch nicht wahr sein ...
Bitte nochmals zu helfen.
M
Maik
Verwende doch ein horizontales Listenmenü -> Listamatic: one list, many options ;-]
M
Maik
Sorry @ Sumisu!
Musste gerade feststellen, dass es mit einer horizontalen Liste auch nicht funktioniert. Die Weiten- / Höhenangaben bzw. die CSS-Eigenschaft display: block für die <a> -Elemente heben nämlich die horizontale Ausrichtung der Listenpunkte mittels display: inline auf und zeigen die Links weiterhin untereinander an.
[ editpost 09:02 ]
Entgegen deiner Aussage, dass es mit floatenden DIVs nicht funktionieren würde, habe ich eine browserübergreifende Lösung erarbeitet ;-]
CSS-Code für bewerbung_01.css
HTML-Source
Musste gerade feststellen, dass es mit einer horizontalen Liste auch nicht funktioniert. Die Weiten- / Höhenangaben bzw. die CSS-Eigenschaft display: block für die <a> -Elemente heben nämlich die horizontale Ausrichtung der Listenpunkte mittels display: inline auf und zeigen die Links weiterhin untereinander an.
[ editpost 09:02 ]
Entgegen deiner Aussage, dass es mit floatenden DIVs nicht funktionieren würde, habe ich eine browserübergreifende Lösung erarbeitet ;-]
CSS-Code für bewerbung_01.css
Code:
html, body {
margin: 0;
padding: 0;
height:100%;
width:100%;
background:#124578;
}
div.navicontainer {
float: left;
width:84px;
height:67px;
margin:30px 0 0 40px;
padding:0;
}
* html div.first { /* margin-Korrektur für IE */
margin:30px 0 0 20px;
}
br.clear {
clear: left;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
}
div.inhalt {
width:650px;
height:490px;
margin:50px 0 0 40px;
padding:0;
background:#458745;
}
a {
text-decoration:none;
}
a.kreativ, a.kreativ:link {
background:url(bilder/test_01.gif) no-repeat;
height:67px;
width:84px;
display: block;
}
a.kreativ:visited {
background:url(bilder/test_02.gif) no-repeat;
}
a.kreativ:hover {
background:url(bilder/test_03.gif) no-repeat;
}
a.kreativ:active {
background:url(bilder/test_04.gif) no-repeat;
}
HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vorstellung</title>
<link rel="stylesheet" type="text/css" href="bewerbung_01.css" />
</head>
<body>
<div class="navicontainer first"><a href="#" class="kreativ"> </a></div>
<div class="navicontainer"><a href="#" class="kreativ"> </a></div>
<div class="navicontainer"><a href="#" class="kreativ"> </a></div>
<div class="navicontainer"><a href="#" class="kreativ"> </a></div>
<div class="navicontainer"><a href="#" class="kreativ"> </a></div>
<div><br class="clear" /></div>
<div class="inhalt"> </div>
</body>
</html>- Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 7.23
Zuletzt bearbeitet von einem Moderator:
- Status
