Problem mit CSS
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
ausprobieren
bild
bleistift
enden
erzeugen
falsche info
firlefanz
hilfe
http
klappen
meinung
navigation
nehmen
problem
rand
tab
tun
versuchen
verzweifeln
-
Huhu,
ich versuche gerade ein Design zu slicen. Ist ja im Grunde genommen auch kein Problem.
http://arthune.lima-city.de/problem/index.html
Die Bilder der Navigation sollen eigentlich ohne Abstand aneinandersein. Das Problem ist:
Tun sie nicht. Irgendwie muss das doch einfach mit margin funktionieren? Oh man, ich bin am verzweifeln. Das ist warscheinlich total einfach, aber es funktioniert einfach nicht...
Kann mir jemand helfen?
Die CSS:
http://arthune.lima-city.de/problem/style.css -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ich würde mal versuchen, eine Klasse zu erzeugen, die eben kein margin und kein padding un dden ganzen Firlefanz besitzt.
Dann schreibst du die Klasse in jeden Link der Navi rein.
Viel Spaß dann ;)
EDIT: Ich würds ja ausprobieren, hab aber im Mom. kein localhost :( (Und außerdem ist das mit den Bildern ein bisschen kompliziert)
EDIT2: ein margin-right:-6px; würde es auch tun^^
Beitrag geändert: 1.12.2007 22:34:51 von benutzernaemelchen
EDIT: *rofl*
Ist eigentlich ganz einfach. Du hast hinter jedem der Bilder ein paar Leerzeichen stehen.^^
Beitrag geändert: 1.12.2007 22:40:13 von benutzernaemelchen -
Also,
http://onlinegaming.lima-city.de/hilfe/style.css
das kopierst du und nimmst es anstelle deines "style.css"
http://onlinegaming.lima-city.de/hilfe
und so siehts dann aus!
Gruß onlinegaming (checkerle)
Beitrag geändert: 1.12.2007 23:40:35 von onlinegaming -
Es liegt nicht am CSS, sondern an deiner HTML-Datei, wenn du einen Zeilumbruch oder ein Tab in den Quelltext reinbringst, wird dieses als Leerzeichen betrachtetn, einfach alle img-Tags hinterinander, ohne Leerzecihen, du kannst ja dann z.B. so umbrechen (sollte eigntlich klappen):
<img src="bla"><img
src="blubb">
Bsp:
http://thomasba.lima-city.de/lima/68081.html
Und am besten mit Hilfe von CSS den Rand von den Bildern wegmachen, so zum Bleistift:
img { border:0px; }
Beitrag geändert: 1.12.2007 23:56:41 von thomasba -
Aber dann wirds doch viel zu
unübersichtlich meiner Meinung nach!
Ich würde eher "margin: 2" und "margin: -2"
nehmen. Ich meine es geht auch mit deiner Variante
"thomasba" aber dann ist das doch viel zu
unübersichtlich oder nicht?
Naja auf jeden Fall geht beides!
Beitrag geändert: 1.12.2007 23:55:40 von onlinegaming -
Aber dann wirds doch viel zu
unübersichtlich meiner Meinung nach!
Ich würde eher "margin: 2" und "margin: -2"
nehmen. Ich meine es geht auch mit deiner Variante
"thomasba" aber dann ist das doch viel zu
unübersichtlich oder nicht?
Naja auf jeden Fall geht beides!
Beitrag geändert: 1.12.2007 23:55:40 von onlinegaming
Wenn man es so macht, dann kommt es immer darauf an, wie breit die Leerzeichen dargestellt werden, dadurch kann sich das ganze auch wieder Verschieben, sieh dir am besten mal den Quelltext der Seite an, die ich gepostet hab, dann wirst du sehen, das es gar nicht so schlimm ist ;)
[edit]
Achso, bei deiner Seite fehlen die Schließenden Link tags, also </a> ;)
Beitrag geändert: 2.12.2007 0:01:25 von thomasba -
Achso , Ok jetzt habe ich verstanden wie
du das meinst.
Ich dachte:
<a href="#"><img src="Bilder/button1.jpg" alt="Produkte" /></a><a href="#"><img src="Bilder/button1.jpg" alt="Produkte" /></a><a href="#"><img src="Bilder/button1.jpg" alt="Produkte" /></a><a href="#"><img src="Bilder/button1.jpg" alt="Produkte" /></a><a href="#"><img src="Bilder/button1.jpg" alt="Produkte" /></a><a href="#"><img src="Bilder/button1.jpg" alt="Produkte" /></a>
und so weiter.
OKOK deine Variante is auf jeden Fall besser! ;)
Sorry für die falsche Info! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage