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

Thema: Text umfließt Bild nicht korrekt

  1. #1
    Kaiser(in)
    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text umfließt Bild nicht korrekt

    Auf meinem Blog umfließt der Text nicht korrekt da Bild. Der Text sollte oben gleichmäßig mit dem Bild anfangen und dann das Bild umfließen, aber die Abstände passen nicht. Hoffentlich kann mir jemand helfen.
    Auszug aus der CSS-Datei
    Code:
    #primary .primary{
    	margin: 0 auto;
    	width: 100%;
    	text-align: justify;
    }
    
    #primary .primary a{
    	text-decoration: none;
    	color: #333333;
    }
    
    #primary .primary a:hover{
    	color: #111111
    }
    
    #primary .primary img{
    	width: 50%;
    	height: auto;
    	float: left;
    	margin: 0 0.5em 0.5em 0;
    }
    
    #primary .primary span{
            margin 0;
    }
    
    #primary .primary .details{
    	margin:1em 0;
    	text-align:right;
    	border-top:1px solid #cccccc;
    	padding:0.5em 0;
    	font-size:0.90em;
            clear: both;
    }
    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 !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text umfließt Bild nicht korrekt

    Ich kann dein Problem anhand des Lins nicht ganz nachvollziehen.
    Wenn du den Vertikalabstand zwischen Bild und Text meinst, sollte das weiterhelfen:
    http://www.ohne-css.gehts-gar.net/0037.php
    http://www.ohne-css.gehts-gar.net/0009.php

  3. #3
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text umfließt Bild nicht korrekt

    Ich habe mal ein Bild angehängt - so sieht es bei mir in Safari aus. Die rot markierten Abstände sollen nicht da sein - ich weiß nicht, wie die da hinkommen.

    P.s.: Hab vergessen zu sagen - das Problem befindet sich nur in der Single-Ansicht. Einfach auf den Namen in der Überschrift klicken.
    Angehängte Grafiken Angehängte Grafiken

  4. #4
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Text umfließt Bild nicht korrekt

    Entferne mal den schließenden und den öffnenden <p>-Tag nach dem Bild.

    P.S.: Bist Du Dir sicher dass Du bei einem Namen wie freesteiler.de ein englischsprachiges Theme nehmen willst?

  5. #5
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text umfließt Bild nicht korrekt

    Zitat Zitat von Elvis Beitrag anzeigen
    Entferne mal den schließenden und den öffnenden <p>-Tag nach dem Bild.

    P.S.: Bist Du Dir sicher dass Du bei einem Namen wie freesteiler.de ein englischsprachiges Theme nehmen willst?
    Ich habe jetzt das <p>-Tag wegbekommen, allerdings ist nun die gesamte Textformatierung im Beitrag weg. Da muss ich mir nochmal etwas anderes überlegen.

    Wieso sollte ich kein englischsprachiges Theme nehmen?

  6. #6
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Text umfließt Bild nicht korrekt

    So hatte ich das auch nicht gemeint.....
    HTML-Code:
    <img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" />
    
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
    Sondern so:
    HTML-Code:
    <p><img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
    Einen deutschen Blog mit englischen Hinweisen find ich halt einfach affig. Entweder ein Blog ganz auf deutsch, ganz auf englisch oder halt ordentlich mehrsprachig.

  7. #7
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text umfließt Bild nicht korrekt

    Zitat Zitat von Elvis Beitrag anzeigen
    ...
    Sondern so:
    HTML-Code:
    <p><img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" />
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
    Aber dann ist es doch so, wie am Anfang - dann hätte ich ja nix verändern müssen.
    Einen deutschen Blog mit englischen Hinweisen find ich halt einfach affig. Entweder ein Blog ganz auf deutsch, ganz auf englisch oder halt ordentlich mehrsprachig.
    Ok, ist Ansichtssache - ich finde es gut so.

  8. #8
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Text umfließt Bild nicht korrekt

    Nein vorher war es so:
    HTML-Code:
    <p><img src="http://freesteiler.de/wp-content/upload/2009/04/img_0177-300x200.jpg" alt="Freestyle" title="Freestyle" /></p><p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

  9. #9
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text umfließt Bild nicht korrekt

    Ok, hab eich geändert...jetzt werden Bild und Text von einem <p>-Tag umschlossen und nicht mehr beides einzeln. Allerdings ändert sich nix...
    Geändert von davidos_no.1 (08.04.2009 um 12:14 Uhr)

  10. #10
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Text umfließt Bild nicht korrekt

    Schade, bei mir hatte es so funktioniert.

Ähnliche Themen

  1. Hintergrundproblem. CSS nicht korrekt?
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.06.2007, 13:54
  2. Text in Bild nicht korrekt dargestellt
    Von Schakal_No1 im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 12.06.2007, 15:28
  3. Bild kommt nicht, da als „text/html" gespeichert
    Von beni im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 10
    Letzter Beitrag: 07.07.2006, 23:28
  4. Bilder nicht korrekt dargestellt
    Von gast im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 8
    Letzter Beitrag: 14.12.2005, 16:47
  5. Bild oder Text anzeigen wenn mit Maus über Bild
    Von kwg|the-hell im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.06.2005, 13:31

Stichworte

Berechtigungen

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