Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]jak uzyskać taki efekt bez tabel
john_doe
post
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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


Witam,

np. na stronie http://webmail.home.pl/webmail widzimy ramki z zaokrąglonymi rogami.
Teraz home to zmieniło ale poprzednio identiko efekt zrobili na tabelach.
Poproszę o jakieś wskazówki jak teraz robi się takie rzeczy ?

pozdro
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Poker
post
Post #2





Grupa: Zarejestrowani
Postów: 205
Pomógł: 3
Dołączył: 20.04.2009
Skąd: Jaworzno

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


ale niektórzy głupoty piszą dzielicie 1 boxa na 4 divy rogami i piszecie w 1 divie razem macie 5 divów? :|


jak Ci napisałem robisz tak :

Kod
<div class="top">tekst</div>
<div class="tresc">tekst</div>
<div class="stopka"></div>


i efekt masz taki : Tabelka z zaokrąglonymi rogami


Zobacz źródło masz tam cały css potrzebujesz tylko jpg w topie , w tresci który powtarzasz osią-y , i w stopce.



dla swojej strony robisz według własnych ustaleń w topie nie musi znajdować się tekst możesz ustawić np top wielkości 5px który zawiera oba górne rogi tak samo ze stopką.

Ten post edytował Poker 12.07.2009, 22:13:52
Go to the top of the page
+Quote Post

Posty w temacie


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: 8.10.2025 - 23:51