kostenloser Webspace werbefrei: lima-city


Problem mit CSS

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    a*****e

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. benutzernaemelchen

    Kostenloser Webspace von benutzernaemelchen

    benutzernaemelchen hat kostenlosen Webspace.

    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
  4. 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
  5. thomasba

    Co-Admin Kostenloser Webspace von thomasba

    thomasba hat kostenlosen Webspace.

    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
  6. Aber dann wirds doch viel zu
    un&#252;bersichtlich meiner Meinung nach!

    Ich w&#252;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&#252;bersichtlich oder nicht? :confused:

    Naja auf jeden Fall geht beides! :lol:


    Beitrag geändert: 1.12.2007 23:55:40 von onlinegaming
  7. thomasba

    Co-Admin Kostenloser Webspace von thomasba

    thomasba hat kostenlosen Webspace.


    Aber dann wirds doch viel zu
    un&#252;bersichtlich meiner Meinung nach!

    Ich w&#252;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&#252;bersichtlich oder nicht? :confused:

    Naja auf jeden Fall geht beides! :lol:


    Beitrag ge&#228;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&#223;enden Link tags, also </a> ;)



    Beitrag geändert: 2.12.2007 0:01:25 von thomasba
  8. Achso :eek:, Ok jetzt habe ich verstanden wie
    du das meinst:lol:.
    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. :lol:
    OKOK deine Variante is auf jeden Fall besser! ;)
    Sorry f&#252;r die falsche Info!
  9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!