Sponsor-Board.de

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;
}

1. geht der link nicht
2. alle   sowie alle &emsp; 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

Habe deinen Lösungsvorschlag gemacht klappt nicht

kannst du mal den gesamten html und css code posten?

setz den div container mit

Code:

<div id="navi..."> 

Rest

<div>

einfach auf dir. das funktioniert in FF mit Firebug problemlos

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>

Zitat:

#navibereich {
float: none;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
#navibereich li {
float:left;
list-style-type: none;
}

gelöst ? Ich sehe hier keine Leerzeichen : [Link: Registrierung erforderlich]

Also bei mir klappts net habe immernoch Leerzeichen drinne

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>

Poste doch bitte nen Screenshot Wink

auf Mac mit Safari sehe ich keine

Seiten: 1 2

Fredix

Dennis

Fredix

Maurice-KoL

Jkoan

Fredix

Aaron

Fredix

Jkoan

Aaron