Seiten (2): « Erste 1 2 Nächste > Letzte »

Navi Buttons leerzeichen

Verfasser Nachricht

Fredix

Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status: offline

Beitrag: #1

Navi Buttons leerzeichen

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

16.11.2012 17:59

Dennis

Beiträge: 1.306
Bewertung: 6
Registriert seit: May 2009
Status: offline

Beitrag: #2

RE: Navi Buttons leerzeichen

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

Dieser Beitrag wurde zuletzt bearbeitet: 16.11.2012 18:30 von Dennis.

16.11.2012 18:28

Fredix

Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status: offline

Beitrag: #3

RE: Navi Buttons leerzeichen

Habe deinen Lösungsvorschlag gemacht klappt nicht

16.11.2012 18:34

Maurice-KoL

Beiträge: 131
Bewertung: 5
Registriert seit: Oct 2012
Status: offline

Beitrag: #4

RE: Navi Buttons leerzeichen

kannst du mal den gesamten html und css code posten?

security researcher von secure-sites.de:
Projekte mit Funden gesichert:
-ebay.de
-amazon.com
-gmx.net
-icq.com
und noch viele mehr! Schau vorbei!

16.11.2012 18:55

Jkoan

Beiträge: 260
Bewertung: 23
Registriert seit: Apr 2012
Status: offline

Beitrag: #5

RE: Navi Buttons leerzeichen

setz den div container mit

Code:

<div id="navi..."> 

Rest

<div>

einfach auf dir. das funktioniert in FF mit Firebug problemlos

[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]

16.11.2012 19:03

Fredix

Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status: offline

Beitrag: #6

RE: Navi Buttons leerzeichen

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

Dieser Beitrag wurde zuletzt bearbeitet: 16.11.2012 19:08 von Fredix.

16.11.2012 19:06

Aaron

Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status: offline

Beitrag: #7

RE: Navi Buttons leerzeichen

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

Portfolio: [Link: Registrierung erforderlich]

Projekte
[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]

16.11.2012 19:15

Fredix

Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status: offline

Beitrag: #8

RE: Navi Buttons leerzeichen

Also bei mir klappts net habe immernoch Leerzeichen drinne

16.11.2012 19:20

Jkoan

Beiträge: 260
Bewertung: 23
Registriert seit: Apr 2012
Status: offline

Beitrag: #9

RE: Navi Buttons leerzeichen

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>

[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]

Dieser Beitrag wurde zuletzt bearbeitet: 16.11.2012 19:26 von Jkoan.

16.11.2012 19:25

Aaron

Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status: offline

Beitrag: #10

RE: Navi Buttons leerzeichen

Poste doch bitte nen Screenshot Wink auf Mac mit Safari sehe ich keine

Portfolio: [Link: Registrierung erforderlich]

Projekte
[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]

16.11.2012 19:25

Baumstrukturmodus | Brettstrukturmodus

« Ein Thema zurück | Ein Thema vor »

Seiten (2): « Erste 1 2 Nächste > Letzte »

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	kleines problem..NAVI weg	MerchPartner	18	3.132	10.07.2011 15:40 Letzter Beitrag: bengl

Druckversion anzeigen
Thema einem Freund senden
Thema abonnieren
Thema zu den Favoriten hinzufügen