 [HTML][CSS]jak uzyskać taki efekt bez tabel |
| [HTML][CSS]jak uzyskać taki efekt bez tabel |
 
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 |
 |
 
|
 |
|
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 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 869 Pomógł: 53 Dołączył: 20.10.2003 Skąd: Przeworsk Ostrzeżenie: (0%)
|
Cytat(Poker @ 12.07.2009, 23:12:29 )  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ą. Nie skazuj użytkowników i serwera na ściąganie niepotrzebnych plików. Takie rozwiązania to chyba z tych kursów z logiem IE. Poza tym ostatni div jest pusty, a nie jest to zbyt ładne. Ten post edytował Kildyt 12.07.2009, 22:32:38 |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 205 Pomógł: 3 Dołączył: 20.04.2009 Skąd: Jaworzno Ostrzeżenie: (0%)
|
Cytat(Kildyt @ 12.07.2009, 23:30:55 ) Nie skazuj użytkowników i serwera na ściąganie niepotrzebnych plików. Takie rozwiązania to chyba z tych kursów z logiem IE. Poza tym ostatni div jest pusty, a nie jest to zbyt ładne. No tak twoje rozwiązanie i ładowanie 4 plików img do każdego rogu napewno jest lepsze... Może zamiast "NARAŻAĆ SERWER NA TAK OGROMNE OBCIĄŻENIA" niech każdy zrobi 1 iMG i wrzuci go w tło diva ;> ... Zamiast ułatwić sobie pracę tylko ją sobie komplikujecie stopka jest pusta? to jest przykład używać możesz jak chcesz... chcesz to wypełnij tekstem nie chcesz? to zostaw tak jak podałem... |
|
|
|
john_doe [HTML][CSS]jak uzyskać taki efekt bez tabel 12.07.2009, 21:36:18 
Poker Ja osobiście robię to tak: top + treść + stopka
... 12.07.2009, 21:41:11 
Kildyt Cytat(Poker @ 12.07.2009, 22:41:11 ) ... 12.07.2009, 21:49:33 john_doe no dobrze. Powiedzmy, że robię podobnie jednak jak... 12.07.2009, 21:44:58 sadistic_son Musisz mieć 4 jpgi, każdy na narożnik.
[HTML] pob... 12.07.2009, 21:47:53 robos85 http://www.methvin.com/jquery/jq-corner-demo.html
... 12.07.2009, 21:48:00 sadistic_son Cytat(robos85 @ 12.07.2009, 22:48:00 ... 12.07.2009, 21:52:48 Gryf Kodno dobrze. Powiedzmy, że robię podobnie jednak ... 12.07.2009, 21:49:49 john_doe Gryf czy możesz zapodać zupełnie przykładowy kod? 12.07.2009, 22:06:39 Kildyt Cytat(Poker @ 12.07.2009, 23:38:36 ) ... 12.07.2009, 22:44:00 sadistic_son Cytat(Kildyt @ 12.07.2009, 23:44:00 )... 12.07.2009, 22:49:27 sadistic_son To po co to napisałeś?!?Cytat(Poker @ 12.... 12.07.2009, 22:54:05 Poker to nie temat do pogawędek co lepsze co nie, ani do... 12.07.2009, 22:50:11 Kildyt Cytat(Poker @ 12.07.2009, 23:50:11 ) ... 12.07.2009, 22:56:13  |
|
Aktualny czas: 5.10.2025 - 13:45 |
