Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Jak to wyświetlić w DIV, problem z ułożeniem w div-ie
redelek
post
Post #1





Grupa: Zarejestrowani
Postów: 658
Pomógł: 37
Dołączył: 4.06.2005
Skąd: Wawa

Ostrzeżenie: (0%)
-----


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

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


--------------------
Pozdrawiam
Piotrek R
Go to the top of the page
+Quote Post
Shili
post
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


Poczytaj sobie o opływaniu elementów, czyli stylu float
Go to the top of the page
+Quote Post
damian004
post
Post #3





Grupa: Zarejestrowani
Postów: 15
Pomógł: 1
Dołączył: 25.06.2008

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 05:17