Text neben einem Bild schreiben - aber nicht nur eine Zeile.

Bendel · 14. Februar 2007

Hi Zusammen,

zuerst möchte ich mal dem Admin ein ganz großes Lob zollen. Ich war bis eben auf der Hauptseite HTML-Seminar und muss sagen, dass von A-Z alles so gut erklärt ist, wie es nur geht

Das ganze ist auch vieeel einfacher als ich dachte, jedenfalls bisher

Da ich sowieso krank bin und daher nicht schaffen muss, sitze ich schon ne Weile an dieser Seite und bin jetzt zum Thema : "Grafiken - Bilder ausrichten" gelangt.

jetzt aber mein Problem, weshalb ich mich auch dazu entschlossen habe, mich an HTML ran zu machen.

Ich arbeite mit Frontpage und möchte gerne Texte neben dem Bild schreiben ... Sieht einfach besser und proffesioneller aus. Also, fließende Texte, welche neben dem Bild beginnen und sich dann ab der Höhe (wo das Bild endet) über die ganze Seite ausbreiten.

Das bekomme ich aber leider nicht hin, wird auch nicht in dem Tutorial erklärt, nur wie man eine Zeile entweder oben, in der Mitte oder unten schreiben kann. (jedenfalls bin ich schon ein Schritt weiter, davor konnte ich nur unten eine Zeile schreiben.

Ich habe es auch schon mit ner Frame Vorlage geschafft, doch das ist nichts schönes. Denn das sind 2 Spalten- sprich links Artikel A , rechts Artikel B. Da ich aber über die ganze Breite der Seite einen fließenden Text möchte, ist das nichts für mich

Also ich würd mich freuen, wenn mir jemand kurz antworten könnte...

mfg bendel

Ginnic · 15. Februar 2007

Es gibt viele Möglichkeiten.. mal ein Beispiel :

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">




<html>
<head>
	<title>Unbenannt</title>
</head>




<body>




<!-- Kopf der seite -->
<table border="1">
	<tr>
		<td>
		<img height="200" width="200" src="" alt="" border="1">
		</td>
		<td>
		jjjjgjgjkgjk<br>
		faodfjasdfjasfjalksf j<br>
		fdasfjdalksfdjsa<br>
		fasfjsadklfjasklfjakslfjklasjfasf<br>
		adfasolfjasfjasfja<br>
		fasdjflkasfjklas<br>
		</td>
	</tr>
</table>
<!-- ende vom kopf der seite -->
<!-- start von spalte 2 -->
<table border="1">
	<tr>
		<td>
		fdsdfg<br>
		dafdsfasdffasfda<br>
		sfdasdfasdfasfdaasfdfdaf<br>
		afds<br> 
		<br><strong>Spalte 2</strong><br>
		adsf
		asdf
		asf
		afdasfasdfg ajsfkajfk lajskfl jasljflkasjfklasjfkjlkasjfö lka
		</td>
	</tr>
</table>
<!-- ende von spalte zwei.. -->
</body>
</html>

Alles anzeigen

Alexandra-Bijou · 16. Februar 2007

Dabei gibts eine wesendlich elegantere Möglichkeit, als Tabellen.

Text neben dem Bild fliessen zu lassen geht einfacher als man denkt.

HTML

CSS

img {
border: none;
padding: 0.8em;
float:left;
}

Ginnic · 16. Februar 2007

*lach* das ist eleganter.. das ist richtig....

Foster · 16. Februar 2007

Zitat von "Alexandra-Bijou"

HTML

<img src="" width="" height="" alt="">

CSS

img {
border: none;
padding: 0.8em;
float:left;
}

Alles anzeigen

Da spricht das Genie!
Das Kapitel "Bilder ausrichten" kommt noch vor dem Kapitel von CSS!

Also als kurze Erklärung für dich, Bendel:
1. am besten liest du dir erstmal auf <a class="postlink" href="http://www.HTML-Seminar.de">http://www.HTML-Seminar.de</a> das Kapitel "Design über CSS" durch. Dann weisst du schonmal, was CSS ist, und was man damit machen kann.
2. das, was Alexandra unter CSS geschrieben hat, musst du (oder solltest du) in eine ausgelagerte Datei schreiben. In der HTML-Datei darfst du dann auch nicht den Verweis auf diese Datei vergessen.
3. alles, was dann in der CSS-Datei zwischen img { Inhalt; } steht, wird dann für alle Bildern (<img src=....>), deren HTML-Datei mit der der CSS-Datei verlinkt sind übernommen.

Wenn noch Fragen offen sind, einfach fragen!

Text neben einem Bild schreiben - aber nicht nur eine Zeile.

Jetzt mitmachen!

Teilen