Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Jak to wyświetlić w DIV
Forum PHP.pl > Forum > Przedszkole
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 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
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.