Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css][html] divy, pozycjonowanie warstw
andixxx
post
Post #1





Grupa: Zarejestrowani
Postów: 104
Pomógł: 0
Dołączył: 1.06.2006
Skąd: Legnica

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


Witam, mam problem i za nic nie mogę sobie z nim poradzić..
Potrzebuje zrobić diva kontener w którym by były ustawione 2 divy obok siebie w poziomie (w pierwszym wyrównanie dokładnie do środka w poziomie i w pionie) i trzeci div aby był umiejscowiony dokładnie nad tym pierwszym (nad tym z lewej strony a w nim wyrównanie do dolnego prawego rogu).
Proszę o pomoc ..
Go to the top of the page
+Quote Post
lepmajster
post
Post #2





Grupa: Zarejestrowani
Postów: 129
Pomógł: 24
Dołączył: 21.05.2010

Ostrzeżenie: (30%)
XX---


narysuj najlepiej, ale z tego co zrozumialem, to dajesz trzeci div: margin: auto;
a pod nim dwa divy z float: left;

Ten post edytował lepmajster 29.07.2010, 15:08:55
Go to the top of the page
+Quote Post
andixxx
post
Post #3





Grupa: Zarejestrowani
Postów: 104
Pomógł: 0
Dołączył: 1.06.2006
Skąd: Legnica

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


ok,a wiec tak:

(IMG:http://img535.imageshack.us/img535/3275/warjg.jpg)

- kontener - zawiera w sobie wszystkie warstwy,
- warstwa pierwsza - wysrodkowanie tekstu/obrazka w divie do srodka w pionie i poziomie,
- warstwa druga - tu bedzie tekst od lewego gornego rogu
- warstwa trzecia - nalozona na warstwe pierwsza ( takie same rozmiary i to samo polozenie), zawartosc warstwy (maly obrazek) wyswietlana w dolnym lewym rogu.

warstwy oczywiscie bez odstepow miedzy soba..

Ten post edytował andixxx 29.07.2010, 15:48:35
Go to the top of the page
+Quote Post
bastard13
post
Post #4





Grupa: Zarejestrowani
Postów: 664
Pomógł: 169
Dołączył: 8.01.2010
Skąd: Kraków

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


  1. <div id="kontener" style="width:800px;background:black;">
  2. <div id="warstwa" style="width:300px;margin:50px;background:red;height:300px;float:left;position:rel
    ative;"
    >
  3. <div id="warstwa" style="width:300px;background:green;height:300px;position:absolute;left:20px;top:2
    0px;"
    >
  4. </div>
  5. </div>
  6. <div id="warstwa" style="width:300px;margin:50px;background:blue;height:300px;float:left;">
  7. </div>
  8. <div style="clear:both"></div>
  9. </div>

Co do wyśrodkowania w poziomie: text-align:center.
W pionie? JS albo statycznie.
Go to the top of the page
+Quote Post
Lilo
post
Post #5





Grupa: Zarejestrowani
Postów: 33
Pomógł: 3
Dołączył: 22.03.2010

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


Warstwy na warstwach daje właściwość z-index http://pl.html.net/tutorials/css/lesson15.asp
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 19:25