Texte und Bild in Eintrag positionieren/setzen

Hier können Probleme und alles andere in Deutscher Sprache gelöst werden.
Post Reply
matiano
Posts: 2
Joined: Fri Sep 23, 2005 2:32 pm

Texte und Bild in Eintrag positionieren/setzen

Post by matiano » Fri Sep 23, 2005 3:06 pm

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.

Image

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

User avatar
garvinhicking
Core Developer
Posts: 30020
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Texte und Bild in Eintrag positionieren/setzen

Post by garvinhicking » Fri Sep 23, 2005 3:20 pm

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

[code]
<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
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/

matiano
Posts: 2
Joined: Fri Sep 23, 2005 2:32 pm

Post by matiano » Fri Sep 23, 2005 4:26 pm

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

User avatar
garvinhicking
Core Developer
Posts: 30020
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking » Fri Sep 23, 2005 5:33 pm

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
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/

Guest

Post by Guest » Fri Sep 23, 2005 6:11 pm

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 :-)

User avatar
garvinhicking
Core Developer
Posts: 30020
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking » Fri Sep 23, 2005 6:14 pm

Gern geschehen. :)

Viel Spaß noch, bei Problemen ruhig fragen.

Grüße,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/

Post Reply