[HTML][CSS]Jak to wyświetlić w DIV, problem z ułożeniem w div-ie Opcje

[redelek]

Witam,

Chciałbym zrobić coś takiego na swojej stronce, ale jakoś nie wychodzi mi .

--------------------------------------------------------------
| ********** --Przykładowy tekst strony. -------------|
| * IMAGE ** -- tekst nadal przykładowy --------------|
| * ******** -- dasdasdasdsada -----------------------|
| * ******** -- ddasdsadsadadsaddasdsa-------------|
| * ******** -- dsadadsadsadsadsadasdasdsad ------|
| ********** -- dsadsadsadsadasdsadsadsadsadas --|
| -- asdsadasssssssssssssssssssssssssssssssssssss -- |
| -- dsadsaddddddddddddddddddddddddddddddddd -- |
| -- sadsadsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaad -- |
--------------------------------------------------------------

Czy wiecie jak to można ułożyć w taki sposób ? Zdjęcie będzie zawsze na stronie w tym miejscu.
Na 3 DIV to za boga nie wychodzi czyli główne pudełko , fotka i tekst (IMG:http://forum.php.pl/style_emoticons/default/sciana.gif) .
Macie jakieś na to pomysły, może już gdzieś jest jakiś przykład będę wdzięczny za informację i pomoc

Pozdrawiam
Redelek

Ten post edytował redelek 29.06.2008, 10:43:07

[Shili]

Poczytaj sobie o opływaniu elementów, czyli stylu float

[damian004]

Kod

<div id='strona' style='position:relative; width:100%; height:100%;>
     <div id='tytul' style='position:absolute; left:0; top:0; width:300px; height:100px; border: solid 1px black;' >tresc strony...</div>
    <div id='obrazek' style='position:absolute; left:0; top:100px; width:100px; height:100px; border: solid 1px blue;' ><img src='obrazek.jpg' alt='obraz' />dalsza treść...</div>
     <div id='text' style='position:absolute; left:0; top:220px; width:300px; height:100%; border: solid 1px red;' >tresc......</div>

</div>

w dokumencie css:

Kod

img { float: left; }

wymiary, marginesy ustaw sobie sam według własnych upodobań;)

edit: hehe trochę się spóźniłem ale jak zaczynałem pisać nie było jeszcze wypowiedzi Shili

Ten post edytował damian004 29.06.2008, 11:41:47