+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Webmaster (/forumdisplay.php?fid=44)
+--- Forum: Script-Check (/forumdisplay.php?fid=91)
+--- Thema: Navi Buttons leerzeichen (/showthread.php?tid=32145)
Navi Buttons leerzeichen - Fredix - 16.11.2012 17:59
Hallo ich Probiere mich schon seit Stunden und iwie kriege ich es einfach nicht hin -.-
Wie kriege ich die Leerzeichen zwischen den Buttons weg?
[Link: Registrierung erforderlich]
Aktuelle CSS
Zitat:
#navibereich {
float: none;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
#navibereich li {
display: inline;
list-style-type: none;
}
float: none;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
#navibereich li {
display: inline;
list-style-type: none;
}
RE: Navi Buttons leerzeichen - Dennis - 16.11.2012 18:28
1. geht der link nicht
2. alle sowie alle   draussen?
3. display inline macht man bei li nicht, weil die li-Tags dadurch wie bei div-Container hre Blockwirkung verlieren. Setze das lieber wie oben drüber mit float:left um
EDIT:
4. Nachdem ich einige Stellen gefixt habe im Link bei mir, bin ich draufgekommen. Einfacher Lösungsvorschlag dafür, mach die Leerzeichen hinter den li-Tags einfach weg. Sieht dann etwas unübersichtlich aus, aber für deine Zwecke reichts sicher vollkommen aus und funktioniert auch
RE: Navi Buttons leerzeichen - Fredix - 16.11.2012 18:34
Habe deinen Lösungsvorschlag gemacht klappt nicht
RE: Navi Buttons leerzeichen - Maurice-KoL - 16.11.2012 18:55
kannst du mal den gesamten html und css code posten?
RE: Navi Buttons leerzeichen - Jkoan - 16.11.2012 19:03
setz den div container mit
Code:
<div id="navi...">
Rest
<div>
einfach auf dir. das funktioniert in FF mit Firebug problemlos
RE: Navi Buttons leerzeichen - Fredix - 16.11.2012 19:06
Zitat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="cssnavi.css" />
</head>
<body><center>
<div id="navibereich">
<li><img src="http://n3xd.eu/chat/images/startseitenbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></li>
<li><img src="http://n3xd.eu/chat/images/forumbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></li>
<li><a href="http://n3xd.eu"><img src="http://n3xd.eu/chat/images/mitgliederbutton.png" width="200" height="45" alt="" longdesc="http://n3xd.eu"></a></li>
<li><a href="http://n3xd.eu"><img src="http://n3xd.eu/chat/images/chatbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></a></li>
</div>
</center></body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="cssnavi.css" />
</head>
<body><center>
<div id="navibereich">
<li><img src="http://n3xd.eu/chat/images/startseitenbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></li>
<li><img src="http://n3xd.eu/chat/images/forumbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></li>
<li><a href="http://n3xd.eu"><img src="http://n3xd.eu/chat/images/mitgliederbutton.png" width="200" height="45" alt="" longdesc="http://n3xd.eu"></a></li>
<li><a href="http://n3xd.eu"><img src="http://n3xd.eu/chat/images/chatbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></a></li>
</div>
</center></body>
</html>
Zitat:
#navibereich {
float: none;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
#navibereich li {
float:left;
list-style-type: none;
}
float: none;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
#navibereich li {
float:left;
list-style-type: none;
}
RE: Navi Buttons leerzeichen - Aaron - 16.11.2012 19:15
gelöst ? Ich sehe hier keine Leerzeichen : [Link: Registrierung erforderlich]
RE: Navi Buttons leerzeichen - Fredix - 16.11.2012 19:20
Also bei mir klappts net habe immernoch Leerzeichen drinne
RE: Navi Buttons leerzeichen - Jkoan - 16.11.2012 19:25
mach mal
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="cssnavi.css" />
</head>
<body><center>
[color=#FF0000]<dir id="navibereich">[/color]
<li><img src="http://n3xd.eu/chat/images/startseitenbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></li>
<li><img src="http://n3xd.eu/chat/images/forumbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></li>
<li><a href="http://n3xd.eu"><img src="http://n3xd.eu/chat/images/mitgliederbutton.png" width="200" height="45" alt="" longdesc="http://n3xd.eu"></a></li>
<li><a href="http://n3xd.eu"><img src="http://n3xd.eu/chat/images/chatbutton.png" width="200" height="45" alt="alte Zeiten" longdesc="http://n3xd.eu"></a></li>
[color=#FF0000]</dir>[/color]
</center></body>
</html>
RE: Navi Buttons leerzeichen - Aaron - 16.11.2012 19:25
Poste doch bitte nen Screenshot
auf Mac mit Safari sehe ich keine
RE: Navi Buttons leerzeichen - Jkoan - 16.11.2012 19:28
das ist mit "Div" und das 2. mit "Dir"
RE: Navi Buttons leerzeichen - Tobias - 16.11.2012 21:02
setz mal das <img widht auf die dementsprechende größe der bilder. Du hast dort 200px angegeben. Deine Bilder sind deutlich kleiner.
MfG