Texte und Bild in Eintrag positionieren/setzen

[matiano]

Hallo,

ich habe seid kurzem s9y installiert und obwohl ich kaum eine Ahnung von php & co habe läuft alles soweit... bis auf:

Ich möchte gerne Text & Bild Einträge so darstellen, wie es in Zeitschriften und Magazinen zu finden ist. Also rechts (oder links) ein Bild, daneben der Textanfang und genau darunter der weitere Textblock. Zum besserem Verständnis hier ein Screenshot wie es NICHT aussehen sollte.



Gibt es die Möglichkeit einen "fliessenden" Übergang zu generieren von oberem Textblock zum unterem?

Der html Code vom Beispiel Screenshot lautet:

Code: Select all

<table width="400" cellspacing="4" cellpadding="1" border="0" style="width: auto; height: auto;"><tbody><tr><td style="width: auto;" valign="top"><img src="http://www.turboshirts.com/medien/kueken.jpg" height="190" width="190" /></td><td style="width: auto;" valign="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque tempus nulla et purus. Pellentesque tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas felis. Nulla arcu. Nam eu erat vitae risus suscipit eleifend.</td></tr><tr>
					<td style="width: auto;" colspan="2" valign="top">Vivamus pellentesque urna nec libero. Morbi et neque eu tellus congue accumsan. Cras id arcu. Suspendisse eget orci. Vivamus massa mauris, dictum et, porta quis, auctor et, diam. Vivamus mattis elit vestibulum nibh. Nullam faucibus venenatis ipsum. Duis laoreet scelerisque tortor. Aenean ut mauris. Praesent sagittis</td>
				</tr></tbody></table>

Was mache ich falsch?

Ausserdem habe ich meistens (natürlich nicht bei diesem Beispiel - ist ja immer so...) eine sehr grosse Lücke zwischen Überschrift und eigentlichen Artikel - auch nicht schön

Vielen Dank für Hilfe... dickes Lob an Garvin, der hier ja der Zauberengel zu sein scheint

Gruss matiano

[garvinhicking]

Was Du mit einem etwas unschönen Tabellenbeispiel versuchst geht mit folgendem HTML Code viel besser:

Code: Select all

<img src="http://www.turboshirts.com/medien/kueken.jpg" height="190" width="190" style="float: left"/><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque tempus nulla et purus. Pellentesque tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas felis. Nulla arcu. Nam eu erat vitae risus suscipit eleifend.</p>
<p>Vivamus pellentesque urna nec libero. Morbi et neque eu tellus congue accumsan. Cras id arcu. Suspendisse eget orci. Vivamus massa mauris, dictum et, porta quis, auctor et, diam. Vivamus mattis elit vestibulum nibh. Nullam faucibus venenatis ipsum. Duis laoreet scelerisque tortor. Aenean ut mauris. Praesent sagittis</p>

Die Abstände kannst/musst Du mit CSS formatieren; gibt es eine konkrete URL die Du zeigen kannst wo das so passiert?

Grüße,
Garvin

[matiano]

Das ist ja schön

Also vom Prinzip genau was ich meinte & wollte.

Nun lassen sich Text und Bild über ein .css formatieren, sagts du...
Wie mache ich das, bzw. wo finde ich in dem Stylesheet den entsprechenden Bereich? Ich benutze das Kubrick Template.

Wie gesagt ich bin nicht so fit in html, php und so weiter...

Meinen Beispiel Blog gibt es hier

Danke für die schnelle bisherige und zukünftige Hilfe

Gruss matiano

[garvinhicking]

Das ist kein Problem. Einfach in der "style.css" am Ende folgendes einfügen:

Code: Select all

.entrytext img {
  margin: 10px;
}

Anstelle 10px kannst Du natürlich setzen, was Du magst.

Übrigens, wenn Dein Template auf dem von Tom Sommer portierten Kubrick aufsetzt (was ja der fall zu sein scheint) wäre es nett wenn Du seinen Copyright-Hinweis am Footer auch beibehalten würdest - Du kannst Deine Infos ruhig dazu schreiben, aber die Quellenangabe ist lizensmäßig schon benötigt.

Schöner Header, übrigens.

Viel Spaß,
Garvin

[Guest]

Jiphieee,

Du bist ein Schatz - und das geht auch noch alles so einfach....


Copyright-Hinweis am Footer wird wieder eingesetzt...


Danke nochmal

P.S. Jups, die Header Grafik isr mir so weit ganz gut gelungen

[garvinhicking]

Gern geschehen.

Viel Spaß noch, bei Problemen ruhig fragen.

Grüße,
Garvin