DreamweaverCS4 Bild und Text nebeneinander

landeggs · 05.12.2010

Hallo zusammen,
ich bin DW Neuling und habe ein ziemlich banales Problem. Ich möchte ein Bild linksausgerichtet einfügen und rechts daneben Text einfügen(oder umgekehrt). Mein Problem: Wenn ich Text eingebe, so beginnt dieser rechts unten neben dem eingefügten Bild. Ich möchte jedoch das er oben anfängt, paralell zum Bild.
Über Hilfe würde ich mich freuen.
Danke schonmal

attrip · 05.12.2010

AW: DreamweaverCS4 Bild und Text nebeneinander

mach doch eine Tabelle

eigentlich sind Tabellen nur für tabellarische Daten da und kein Gestaltungsmittel (auch wenn das im letzten Jahrzehnt zum Webseitenbau noch gang und gäbe war).
Besser wäre es, gleich mit CSS anzufangen und sich nicht so eine veraltete Technik anzugewöhnen. DW bringt on board schon eine Menge dafür mit, ist aber als Programm sehr mächtig und kann einen Beginner schon mal ganz schön überfordern.
Hier ein Link zu einer umfassenden CSS-Referenz, die auch Antwort auf die Frage des TE liefert:
CSS 4 You - The Finest in Stylesheets

Herr_D · 05.12.2010

AW: DreamweaverCS4 Bild und Text nebeneinander

Den falschen Tipp mit der Tabelle hab ich gleich mal gelöscht...

@landeggs

Geh mal dein CSS Handbuch durch und lese den Bereich float

Beispielcode:

HTML:

<!doctype html public "-//W3C//DTD HTML 4.01 //EN">
<html>
<head>
<title></title>
<meta name="author" content="R.D">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<style type="text/css">
<!--
* {margin:0; padding:0 }

body {
font-size:100.01%;
font-family: sans-serif;
background-color:#fff;
color: #666;
}


#bildanzeige {
width:40em;
margin:auto;
padding:0.5em;
background-color:#dedede;
border:1px solid #000;
}

#bildanzeige p {
text-align:justify;
}

#bildanzeige p img {
float:left;
width: 120px;
height:150px;
border:0;
margin-right:0.5em;
margin-bottom:0.5em; }

-->

</style>
</head>
<body >
<div id="bildanzeige">
<p>
<img src="DSCN0991-Kopie.gif" alt="alttext"> Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text. Hier kommt jetzt Text.
</p></div>
</body>
</html>

Solla · 05.12.2010

AW: DreamweaverCS4 Bild und Text nebeneinander

Also ich mache das auch immer mit float.
Wenn Du dann willst, dass der Bereich unter ein kürzerer Text frei bliebt bis die gesamte Höhe des Bildes überwunden ist, leistet der Befehl <br clear="all"> sehr gute Dienste.

Den musst Du dann nur hinter den Text setzen, tust Du das nicht wird der nächste Absatz auch neben das Bild gefloatet.

Ich hoffe ich habe mich verständlich ausgedrückt, wenn Nicht gib Bescheid, dann kann ich Dir ein konkretes Beispiel als Ergänzung dafür den Post von Herr_D, der aber ja schon sehr ausführlich war.

B.G.
Solla