Designproblem: Text und Bild

Sirke · 03.09.2005, 17:42

Hi all,

ich schreibe momentan die Newsseite meiner Homepage und habe dabei ein Problem:
1. Ich möchte, dass in die News ein Bild eingefügt werden kann.
2. Der Text soll das Bild umschließen.
3. Unter dem Text soll ein Link "mehr..." stehen, der immer an der Unterkante des Bildes liegt, außer wenn der Text das Bild umfließt und länger ist. Dann soll das Link 5 Pixel unter dem Text stehen!

Mein Problem liegt im 3. Punkt !
Ich hatte versucht es mit einer Tabelle neben dem Bild zu lösen, aber leider umfließt der Text das Bild dann nicht mehr...

Kann mir einer sagen, wie ich das umsetzten kann ?
Danke für eure Mühen !

MfG Sirke

farant · 08.09.2005, 12:23

versuche mal dies

Code:

<div style="border: 1px solid red">
    [img]ein_bild.png[/img]gaaaaaaaaaanz viel text
    
link
</div>

(die formatierungen sind zur visuellen ansicht)
im ersten schritt wird das bild nach links ausgerichtet (eventuell mit zusätzlich align="left"). im zweiten schritt wird die float-eigenschaft beim link aufgehoben und eine neue gesetzt - wieder nach links. damit setzt sich der link bei weniger text nicht rechts neben das bild.
versuch es mal - mit den 3px abstand kannst du ja auch mit css arbeiten...

grüße

Sirke · 08.09.2005, 14:59

cool, danke !
genau das habe ich gesucht !

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Text um Bild herum	Igäl	HTML, Usability und Barrierefreiheit	4	16.02.2006 17:08
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
[Erledigt] Vertikale Ausrichtung von Text auf Rollover Bild		HTML, Usability und Barrierefreiheit	2	16.11.2005 14:47
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
text in bild mit zeilenumbruch		PHP Tipps 2005-2	8	23.08.2005 09:02
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
mit php ein Bild in einem Text anzeigen und mit css designen	scheibo	PHP Tipps 2005	3	15.05.2005 13:48
[Erledigt] Text auf Bild		PHP Tipps 2005	9	28.04.2005 15:05
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
Wie kann man Text als Bild ausgeben?		PHP Tipps 2005	5	22.03.2005 10:13
Text auf Bild		HTML, Usability und Barrierefreiheit	6	08.02.2005 17:02
mit gd text in ein bild schreiben	Sclot	PHP Tipps 2004-2	4	08.12.2004 18:33
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

03.09.2005, 17:42
Sirke Erfahrener Benutzer Registriert seit: 04.07.2003 Beiträge: 359 PHP-Kenntnisse: Fortgeschritten	Designproblem: Text und Bild Hi all, ich schreibe momentan die Newsseite meiner Homepage und habe dabei ein Problem: 1. Ich möchte, dass in die News ein Bild eingefügt werden kann. 2. Der Text soll das Bild umschließen. 3. Unter dem Text soll ein Link "mehr..." stehen, der immer an der Unterkante des Bildes liegt, außer wenn der Text das Bild umfließt und länger ist. Dann soll das Link 5 Pixel unter dem Text stehen! Mein Problem liegt im 3. Punkt ! Ich hatte versucht es mit einer Tabelle neben dem Bild zu lösen, aber leider umfließt der Text das Bild dann nicht mehr... Kann mir einer sagen, wie ich das umsetzten kann ? Danke für eure Mühen ! MfG Sirke


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.09.2005, 12:23
farant Benutzer Registriert seit: 18.07.2005 Beiträge: 90 PHP-Kenntnisse: Fortgeschritten	versuche mal dies Code: <div style="border: 1px solid red"> [img]ein_bild.png[/img]gaaaaaaaaaanz viel text link </div> (die formatierungen sind zur visuellen ansicht) im ersten schritt wird das bild nach links ausgerichtet (eventuell mit zusätzlich align="left"). im zweiten schritt wird die float-eigenschaft beim link aufgehoben und eine neue gesetzt - wieder nach links. damit setzt sich der link bei weniger text nicht rechts neben das bild. versuch es mal - mit den 3px abstand kannst du ja auch mit css arbeiten... grüße

08.09.2005, 14:59
Sirke Erfahrener Benutzer Registriert seit: 04.07.2003 Beiträge: 359 PHP-Kenntnisse: Fortgeschritten	cool, danke ! genau das habe ich gesucht !