Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Abstand zwischen zwei Bildern lässt sich nicht verringern

  1. #1
    firebird
    Gast

    Standard Abstand zwischen zwei Bildern lässt sich nicht verringern

    Hallo,
    ich wollte ein Logo mit einer Linie(Bilddatei) vom Inhalt der Seite trennen. Allerdings war mir der Standard-Abstand zwischen logo und der Linie zu gross, aber er lässt sich irgendwie nicht verringern.Was mache ich falsch?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Sweet_Angel (06.09.2010 um 13:12 Uhr) Grund: Code auf userwunsch entfernt

  2. #2
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    <img id="pic1" logo.png alt="XY-GmbH" />

    src="logo.png" erstmal..

    Ansonsten keine Ahnung was du sonst noch in deinen CSS Dateien definiert hast.

    mach mal
    HTML-Code:
    #pic1, #pic2 {
     display: block;
     padding: 0;
     margin: 0;
    }
    #pic1 {
        margin-bottom: 2px;
    }

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    haste das mal irgendwo als link oder kannste des hochladen? bei so bilderdingern is immer doof, wenn selber nich gucken/testen kann
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Teeny
    Registriert seit
    16.03.2010
    Ort
    Gütersloh
    Beiträge
    24
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    Bei meiner letzten Internetseite war folgendes:
    Aus Gründen der Übersichtlichkeit habe ich jeden IMG-Tag in eine eigene Zeile geschrieben:
    Code:
    <img src="" id="" />
    <img src="" id="" />
    Resultat: Abstand zwischen den Bildern (Leerzeichen?!), auch mit margin oder padding nicht zu entfernen.
    Bei der folgenden Schreibweise:
    Code:
    <img src="" id="" /><img src="" id="" />
    Folge: Kein Abstand ...
    Vielleicht ist es bei dir genauso.
    In meinem Fall habe ich das einfach als Lösung akzeptiert und mich nicht weiter damit beschäftigt.

    Keine Ahnung ob dieses verhalten bei Inline-Elementen normal ist und ein Leerzeichen immer ausgegeben wird ... ?!
    Andererseits kann ich mich nicht daran erinnern, das dieses Problem schon mal aufgetreten ist. Kann aber sein das ich da noch nicht mit xhtml gearbeitet habe ..
    Onestripe.de - Ihr Weg ins Internet

  5. #5
    firebird
    Gast

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    Ich weiss nicht wie ich die Dateien hochladen kann, aber hier ist der Inhalt aller Dateien.
    inde.htm:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <link rel="stylesheet" type="text/css" href="layout.css" />
    <title>example</title>
    </head>
    
    <body>
    
        <div id="box">
            <img id="pic1" src=logo.png alt="XY-GmbH" />
            <img id="pic2" src=line.png alt="" />
        </div>
    
    </body>
    </html>
    layout.css:
    Code:
    body {
        text-align: center;
        background-color: #404A37;
        font-family: arial,sans-serif;
    }
    #box {
        margin-right: auto;
        margin-left: auto;
        width: 780px;
        height: auto;
        background-color: #FF0000;
        text-align: center;
    }
    #pic1 {
        margin-top: 0px;
        margin-bottom: 0px;
        }
    #pic2 {
        margin-top: 0px;
        margin-bottom: 0px;
        }
    logo.png + line.png

    line.png
    Angehängte Grafiken Angehängte Grafiken

  6. #6
    Teeny
    Registriert seit
    16.03.2010
    Ort
    Gütersloh
    Beiträge
    24
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    Hast du geprüft ob es an dem Umbruch liegt? Wenn ich diesen in deinem Code entferne, verschwindet auch der Abstand ...
    Onestripe.de - Ihr Weg ins Internet

  7. #7
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    also ich seh da keinen abstand... ich nutze den firefox 3.6.8
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  8. #8
    Unregistriert
    Gast

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    Google, Stichwort xhtml und blockelemente

  9. #9
    Unregistriert
    Gast

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    Das erste Bild steht als Listenelement auf der Grundlinie des imaginären Fließtextes. Dadurch entsteht in dieser (x)html Version ein Freiraum zwischen den beiden Bildern.

  10. #10
    Unregistriert
    Gast

    Standard AW: Abstand zwischen zwei Bildern lässt sich nicht verringern

    Danke. Der Tipp mit dem Blockelement hat mir weitergeholfen

Ähnliche Themen

  1. Abstand zwischen zwei Bildern
    Von tinocio im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.05.2010, 14:43
  2. abstand zwischen bildern im i-explorer
    Von AnyMe im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 30.12.2006, 02:53
  3. Immer dieser Abstand zwischen den Bildern!!!
    Von J!M! im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.03.2006, 01:23
  4. HTML:Vertikaler Abstand zwischen zwei Bildern haut nicht hin
    Von CometBrause im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 09.02.2005, 01:44
  5. Abstand zwischen Bildern verrigern?
    Von im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 10.12.2004, 01:38

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •