-
Data: 2009-11-15 22:16:15
Temat: Re: [CSS] Graficzna (obrazkowa) ramka elementu - jak?
Od: Mirosław Zalewski <miniopl@CUT_THIS.gmail.com> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]listopad roku pamiętnego 2009, prawdopodobnie 15. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Wooyek:
> Moje pytanie dotyczy sytuacji, kiedy chcemy aby jakiś element strony
> (np. menu, czy sidebar) miał obrazkową ramkę - przykładem niech
> będzie kwadrat z cieniem na wszystkich bokach, czy kwadrat z
> "podartymi" brzegami.
>
> Rozwiązanie, jakie do tej pory stosowałem to div "nagłówkowy" z
> górnym brzegiem jako tło, następnie div "główny" z tłem (repeat-y) i
> zawartością strony, a na koniec div "stopkowy" podobny do
> "nagłówkowego".
>
> Zastanawiam się, czy nie dałoby się tego rozwiązać jakoś z poziomu
> CSS, bez wstawiania do HTML tych dwóch dodatkowych div-ów?
Pseudoelementy ::before i ::after.
Można w ten sposób zrobić też zaokraglone rogi dla elementu:
http://virtuelvis.com/gallery/css/rounded/
Tylko jeśli chcesz zachować kompatybilność z pewnymi starymi
przeglądarkami, to w sumie i tak nic nie zrobisz (niby można przez
expressions dodawać kolejne elementy do stylowania, ale prostsze wydaje
mi się stworzenie niesemantycznego HTML-a).
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski
Następne wpisy z tego wątku
- 15.11.09 23:46 porneL
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-07-17 Lublin => Full Stack Java Developer <=
- 2024-07-17 Lublin => Java Full Stack Developer (+Angular) <=
- 2024-07-17 Turek => IT Project Manager (experience with C#) <=
- 2024-07-17 Warszawa => Mobile React Native Developer <=
- 2024-07-05 eSIM na czym polega
- 2024-07-15 Roaming poza unią
- 2024-07-16 Jak tanio dzwonic do Wielkiej Brytani?
- 2024-07-16 Dzień bez ICE
- 2024-07-15 Spalinówki płoną doszczętnie
- 2024-07-15 Pojemność akumulatora
- 2024-07-15 Elektryk8i dalej płoną.
- 2024-07-15 Motodziennik #284 NOWY MG HS z hybrydą oraz wraca FORD CAPRI (jako SUV)
- 2024-07-14 [FILM] SAMOCHODY ELEKTRYCZNE DO WIELKIE ŚCIEMA? TYLKO FAKTY!
- 2024-07-14 Znieczulica w narodzie
- 2024-07-13 Protect Your PC with IObit Malware Fighter Pro 11.3.0.1346 Multilingual