mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 05:18 Benutzername: Passwort: Auto-Login

Thema: DIV Problem: Text neben Bild vom 20.10.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIV Problem: Text neben Bild
Seite: 1, 2  Weiter
Autor Nachricht
Kleopatra
Threadersteller

Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht: Weiblich
Verfasst Mi 20.10.2004 14:33
Titel

DIV Problem: Text neben Bild

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...

Hier der bisherige Code:

<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div>Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div>

Gruß, Kleo
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mi 20.10.2004 14:40
Titel

Re: DIV Problem: Text neben Bild

Antworten mit Zitat Zum Seitenanfang

Kleopatra hat geschrieben:
Hallo,

ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...

Hier der bisherige Code:

<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div style="float: right;">Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div><div style="clear: both;">&nbsp;</div>

Gruß, Kleo
  View user's profile Private Nachricht senden
Anzeige
Anzeige
myel

Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 20.10.2004 14:41
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
wech, da falsch verstanden


ups der sollte nicht umbrechen wa Grins. hab ich falsch gelesen.


Zuletzt bearbeitet von myel am Mi 20.10.2004 14:43, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Kleopatra
Threadersteller

Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht: Weiblich
Verfasst Mi 20.10.2004 14:49
Titel

Antworten mit Zitat Zum Seitenanfang

hm, aber mit float:right ist der zwischenraum zwischen den beiden DIVs ja nicht regulierbar ... ich möchte eigentlich schon dass der Text linksbündig neben dem Text steht Menno!
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 20.10.2004 14:58
Titel

Antworten mit Zitat Zum Seitenanfang

irgendwie check ich dein problem nich so ganz. irgendwie. hmm. also. du willst das das bild links steht, und der text rechts neben dem bild, aber linksbündig?
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mi 20.10.2004 14:58
Titel

Antworten mit Zitat Zum Seitenanfang

Kleopatra hat geschrieben:
hm, aber mit float:right ist der zwischenraum zwischen den beiden DIVs ja nicht regulierbar ... ich möchte eigentlich schon dass der Text linksbündig neben dem Text steht Menno!



sahnemuh hat geschrieben:
Kleopatra hat geschrieben:
Hallo,

ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...

Hier der bisherige Code:

<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div style="float: left; margin-left: 10px;">Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div><div style="clear: both;">&nbsp;</div>

Gruß, Kleo


*bäh*
  View user's profile Private Nachricht senden
Kleopatra
Threadersteller

Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht: Weiblich
Verfasst Mi 20.10.2004 15:00
Titel

Antworten mit Zitat Zum Seitenanfang

ja, ich will links ein Text und rechts der Text, aber ich möchte dass der Abstand zwischen Text und Bild immer gelich groß ist, egal wie lang der Text ist oder wieviel Platz nach rechts zur Verfügung steht ...
  View user's profile Private Nachricht senden
Kleopatra
Threadersteller

Dabei seit: 21.01.2003
Ort: Konstanz
Alter: 42
Geschlecht: Weiblich
Verfasst Mi 20.10.2004 15:24
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
sahnemuh hat folgendes geschrieben:
Kleopatra hat folgendes geschrieben:
Hallo,

ich habe ein kleines Problem, und zwar möchte ich neben einem Bild einen Text haben, der aber nicht umbricht und umfliesst falls dieser länger sein sollte als das Bild. Gibt es da eine Möglichkeit die für alle neuen Browser funktioniert?
Wenn ich dem DIV der den Text umgibt margin-left mitgebe macht IE eine Art Treppe/Stufe ...

Hier der bisherige Code:

<div style="float:left;"><img src="/images/27_150x100.jpg" alt="nachdenklich" width="150" /></div>
<div style="float: left; margin-left: 10px;">Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden. Eine groß angelegte Umweltstudie kommt zu dramatischen Ergebnissen: Bis zu 37 Prozent aller Landdtiere und -pflanzen könnten bis zum Jahr 2050 aussterben, falls der Ausstoß von Treibhausgasen und die globale Erwärmung nicht gebremst werden.</div><div style="clear: both;">&nbsp;</div>

Gruß, Kleo



also das tut bei mir nur im IE, im Opera und Moz bricht das Text-Div um ...
  View user's profile Private Nachricht senden
 
Ähnliche Themen text und bild neben navigationsleiste
[css] hover-bild neben dem linktext, nicht darunter
javascript - div/bild bei mouseover neben link anzeigen
Bild soll neben den Suchergebnissen bei Google auftauchen.
XML Bild und Text
bild aus text?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.