Navi Buttons leerzeichen +- 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; }
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...">
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>
Zitat: #navibereich {
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"
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 |