Bild in Div macht was es will

TheIfrit · 09.06.2005, 16:48

Ich würde die Bilder gerne auf der rechten Seite untereinander haben und hoffte, die bleiben in dem div drin, aber das tu sie nicht. Das div endet sobald der text vollständig geschrieben wurde.
Habe auch schon versucht das Bild in ein eigenes div zu packen, aber dann hab ich das gleiche mit nem Rahmen drumrum.
und in CSS4you hab ich diesmal auch gesucht, aber nix gefunden :-/

Code:

#textmitbild
{
   background-color: #FFFFFF;
   padding: 0;
   border: 1px solid #000000;
   margin: 5px 5px 5px 5px;
   text-align: justify;
}

PHP-Code:

  <?php

echo '<div id="textmitbild">';

echo '[img]'.$aINIData['gfx']['path'].$data[$iCounter]['bild'].'.jpg[/img]';

echo '<h3><a name="'.$data[$iCounter]['inhalts_id'].'"></a>'.$iCounter.'. '.$data[$iCounter]['name'].'</h3>';

echo $data[$iCounter]['beschreibung'];

echo '
[url="#seitenanfang"][img]'.$aINIData['gfx']['path'].'up.jpg[/img]Seitenanfang[/url]';

echo '</div>';

?>

ärgernis

Bin für jeden Hinweis als auch Rügen über meine Blindheit dankbar

MfG
Ifrit

Riot · 09.06.2005, 17:07

hallo,

ersteinmal wird style klein geschrieben,
Leerzeichen fehlt vor src=,
img ist nicht abgeschlossen /,

ansonsten sollt dein float:right; funktionieren...

der restliche QT wäre vielleicht auch interessant.

MfG

TheIfrit · 09.06.2005, 17:19

danke korrigiert undnix geändert...
oh das float: right funktioniert fantastisch, das bild ist rechts und wenn der text lang genug ist, fließt er auch drumrum...
das problem sind jedoch Texte die kürzer sind als das Bild groß ist (doller ausdruck, ne?) zeilenmäßig gesehen, wie eben auf dem Bild dargestellt

Ärgernis

PHP-Code:

  <?php

    function printTexte($data, $aINIData)

    {

        $rom = new rom;

        echo '<div id="main">';

        $this->printInhaltsMenue($data);

        for ($iCounter=1;$iCounter<=sizeof($data);$iCounter++)

        {

            $data[$iCounter]['beschreibung'] = $rom -> createLinks($data[$iCounter]['beschreibung'],$data[$iCounter]['inhalts_id']);

 
            if (strlen($data[$iCounter]['bild']) == 0)

            {

                echo '<div id="textohnebild">';

                echo '<h3><a name="'.$data[$iCounter]['inhalts_id'].'"></a>'.$iCounter.'. '.$data[$iCounter]['name'].'</h3>';

                echo $data[$iCounter]['beschreibung'];

                echo '
[url="#seitenanfang"][img]'.$aINIData['gfx']['path'].'up.jpg[/img]Seitenanfang[/url]';

                echo '</div>';

            }

            else

            {

                echo '<div id="textmitbild">';

                echo '[img]'.$aINIData['gfx']['path'].$data[$iCounter]['bild'].'.jpg[/img]';

                echo '<h3><a name="'.$data[$iCounter]['inhalts_id'].'"></a>'.$iCounter.'. '.$data[$iCounter]['name'].'</h3>';

                echo $data[$iCounter]['beschreibung'];

                echo '
[url="#seitenanfang"][img]'.$aINIData['gfx']['path'].'up.jpg[/img]Seitenanfang[/url]';

                echo '</div>';

            }

        }

        echo '</div>';

    }

?>

<div id="main" is der grüne rahmen, aber der is ja nich das problem....

MfG
Ifrit

Riot · 09.06.2005, 17:28

ah ich weiß...
du musst ihm sagen wo das Float wieder aufhört.

ein
<br style="clear:both"/>
nach dem Text sollte abhilfe schaffen.

sollte so inetwa aussehen:

<div id="textmitbild">

<img ... />
text text text
<br style="clear:both"/>
</p>
</div>

wie immer ohne Gewähr

TheIfrit · 09.06.2005, 17:33

Ich hab noch ein Gewehr ze Hause und kann dir sagen, dass du es das nächste mal bei der Frage mitgeben kannst.

hat funktioniert. Danke sehr.

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
Es erscheint das alte Bild (cache problem) !!	mac	PHP-Fortgeschrittene	12	18.05.2011 11:23
Bild onMouseOver einblenden	rocco	HTML, Usability und Barrierefreiheit	8	22.02.2008 12:52
Transparentes Bild über Bild legen update gelöst	Broadcast	PHP-Fortgeschrittene	11	04.02.2008 15:27
Dynamische Bildgenerierung: Bild ändert sich nicht	Jacks Rache	PHP Tipps 2006	1	03.09.2006 10:01
[Erledigt] Nächstes Bild, Vorheriges Bild in PHP mit MySQL		Datenbanken	2	15.05.2006 20:50
[Erledigt] Bild immerwieder holen		PHP Tipps 2006	2	18.02.2006 01:24
Designproblem: Text und Bild	Sirke	HTML, Usability und Barrierefreiheit	2	08.09.2005 14:59
[Erledigt] Bild aus Datei in Bild einfügen		PHP Tipps 2005-2	1	07.08.2005 23:36
[PHP«Image] Bild in ein anderes Bild einsetzen		PHP Tipps 2005-2	4	07.08.2005 19:39
bild na variable holen...	md5hash	PHP Tipps 2005-2	5	16.06.2005 01:07
[Erledigt] Bild neu laden.		HTML, Usability und Barrierefreiheit	1	08.02.2005 21:59
[Erledigt] [JS]Neues Bild in neuem Fenster öffnen		HTML, Usability und Barrierefreiheit	1	04.01.2005 11:39
Bild aus Server anzeigen lassen	flual2000	PHP Tipps 2004	4	26.10.2004 16:33
Bild größe hat prob mit umbenennung.	JEGO	PHP Tipps 2004	1	08.07.2004 16:30

09.06.2005, 16:48
TheIfrit Erfahrener Benutzer Registriert seit: 23.02.2005 Beiträge: 211	Bild in Div macht was es will Ich würde die Bilder gerne auf der rechten Seite untereinander haben und hoffte, die bleiben in dem div drin, aber das tu sie nicht. Das div endet sobald der text vollständig geschrieben wurde. Habe auch schon versucht das Bild in ein eigenes div zu packen, aber dann hab ich das gleiche mit nem Rahmen drumrum. und in CSS4you hab ich diesmal auch gesucht, aber nix gefunden :-/ Code: #textmitbild { background-color: #FFFFFF; padding: 0; border: 1px solid #000000; margin: 5px 5px 5px 5px; text-align: justify; } PHP-Code: `<?php echo '<div id="textmitbild">'; echo '[img]'.$aINIData['gfx']['path'].$data[$iCounter]['bild'].'.jpg[/img]'; echo '<h3><a name="'.$data[$iCounter]['inhalts_id'].'"></a>'.$iCounter.'. '.$data[$iCounter]['name'].'</h3>'; echo $data[$iCounter]['beschreibung']; echo ' [url="#seitenanfang"][img]'.$aINIData['gfx']['path'].'up.jpg[/img]Seitenanfang[/url]'; echo '</div>'; ?>` ärgernis Bin für jeden Hinweis als auch Rügen über meine Blindheit dankbar MfG Ifrit


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

09.06.2005, 17:07
Riot Erfahrener Benutzer Registriert seit: 23.12.2004 Beiträge: 255	hallo, ersteinmal wird style klein geschrieben, Leerzeichen fehlt vor src=, img ist nicht abgeschlossen /, ansonsten sollt dein float:right; funktionieren... der restliche QT wäre vielleicht auch interessant. MfG __________________ Webdesign - optimized for user

09.06.2005, 17:19
TheIfrit Erfahrener Benutzer Registriert seit: 23.02.2005 Beiträge: 211	danke korrigiert undnix geändert... oh das float: right funktioniert fantastisch, das bild ist rechts und wenn der text lang genug ist, fließt er auch drumrum... das problem sind jedoch Texte die kürzer sind als das Bild groß ist (doller ausdruck, ne?) zeilenmäßig gesehen, wie eben auf dem Bild dargestellt Ärgernis PHP-Code: <?php function printTexte($data, $aINIData) { $rom = new rom; echo '<div id="main">'; $this->printInhaltsMenue($data); for ($iCounter=1;$iCounter<=sizeof($data);$iCounter++) { $data[$iCounter]['beschreibung'] = $rom -> createLinks($data[$iCounter]['beschreibung'],$data[$iCounter]['inhalts_id']); if (strlen($data[$iCounter]['bild']) == 0) { echo '<div id="textohnebild">'; echo '<h3><a name="'.$data[$iCounter]['inhalts_id'].'"></a>'.$iCounter.'. '.$data[$iCounter]['name'].'</h3>'; echo $data[$iCounter]['beschreibung']; echo ' [url="#seitenanfang"][img]'.$aINIData['gfx']['path'].'up.jpg[/img]Seitenanfang[/url]'; echo '</div>'; } else { echo '<div id="textmitbild">'; echo '[img]'.$aINIData['gfx']['path'].$data[$iCounter]['bild'].'.jpg[/img]'; echo '<h3><a name="'.$data[$iCounter]['inhalts_id'].'"></a>'.$iCounter.'. '.$data[$iCounter]['name'].'</h3>'; echo $data[$iCounter]['beschreibung']; echo ' [url="#seitenanfang"][img]'.$aINIData['gfx']['path'].'up.jpg[/img]Seitenanfang[/url]'; echo '</div>'; } } echo '</div>'; } ?> <div id="main" is der grüne rahmen, aber der is ja nich das problem.... MfG Ifrit

09.06.2005, 17:28
Riot Erfahrener Benutzer Registriert seit: 23.12.2004 Beiträge: 255	ah ich weiß... du musst ihm sagen wo das Float wieder aufhört. ein <br style="clear:both"/> nach dem Text sollte abhilfe schaffen. sollte so inetwa aussehen: <div id="textmitbild"> <img ... /> text text text <br style="clear:both"/> </p> </div> wie immer ohne Gewähr __________________ Webdesign - optimized for user

09.06.2005, 17:33
TheIfrit Erfahrener Benutzer Registriert seit: 23.02.2005 Beiträge: 211	Ich hab noch ein Gewehr ze Hause und kann dir sagen, dass du es das nächste mal bei der Frage mitgeben kannst. hat funktioniert. Danke sehr. __________________ Wie lautet die adäquate Antwort auf "ihr benehmt euch wie kleine Kinder!" ? "Er hat Angefangen!"