CSS i XHTML - Najczęściej zadawane pytania, FAQ |
CSS i XHTML - Najczęściej zadawane pytania, FAQ |
4.09.2006, 14:27:59
Post
#1
|
|
Grupa: Zarejestrowani Postów: 435 Pomógł: 40 Dołączył: 16.02.2003 Skąd: Wrocław Ostrzeżenie: (0%) |
FAQ CSS i XHTML - Najczęściej zadawane pytania 1. Dziwne odstępy pomiędzy formularzem, a pozostałą częścią strony. Problem: Gdy wklejam kod formularza: Pojawiają się dziwne odstępy między formularzem, a pozostałą częścią strony. Rozwiązanie: Dodaj do arkusza CSS następujące linijki:
Spowoduje to usunięcie marginesów wokół formularza. 2. Jak wyrównać kontener w poziomie, zgodnie ze specyfikacją xHTML? Problem: Chciałbym, aby jeden element na stronie był wyrównany w poziomie, dotychczas używalem: Jak rozwiązać to zgodnie ze standardami xHTML? Rozwiązanie: Należy dodać następujące linijki w: - przed głównym blokiem dokumentu (znaczniku <html>):
(lub inny typ, więcej informacji na: http://www.alistapart.com/articles/doctype/) - sekcji body: - w arkuszu CSS:
3. Jak wyrównać w pionie (i poziomie) kontener, zgodnie ze specyfikacją xHTML? Problem: Czy jest jakiś sposób na wyśrodkowanie elementu <div> w pionie i poziomie, względem całej strony? Rozwiązanie: Tak, jest to możliwe. O to adres do przykładu: http://riddle.pl/-/xhtml/css-centering/vert-03.html (Š www.Riddle.pl) 4. Jak wstawić animację Flash na stronę? Problem: Gdy wstawiam animację Flash na moją stronę:
W walidatorze w3.org wyświetla się masa błędów. Jak umieścić tą animację zgodnie ze specyfikacją xHTML? Rozwiązanie: Proponuję umieścić go za pomocą tego kodu: (polecam także przeczytać artykuł na „A List Apart” - http://www.alistapart.com/articles/flashsatay/) 5. Co zrobić, żeby w przeglądarce Internet Explorer poprawnie wyświetlały się przezroczyste obrazki PNG? Problem: Gdy wstawiam na moją stronę obrazek png z przezroczystością, niepoprawnie wyświetla się on w przeglądarce Internet Explorer – zamiast przezroczystego tła, pojawia się szare. Rozwiązanie: Do arkusza styli css wystarczy dodać:
... i problem z głowy. 6. Jak rozciągnąć tło w kontenerze? Problem: http://forum.php.pl/lofiversion/index.php/t48880.html - pierwszy post Rozwiązanie: http://forum.php.pl/lofiversion/index.php/t48880.html - post drugi (Zajec’a) 7. Przykładowy, prosty szablon strony.
8. Adresy do artykułów z zagadnień CSS i xHTML – częste problemy webmasterów. - Equal Height Columns - http://positioniseverything.net/articles/o...out/equalheight - In Search of the Holy Grail - http://alistapart.com/articles/holygrail - Multi-Column Lists - http://alistapart.com/articles/multicolumnlists - Creating Liquid Layouts with Negative Margins - http://alistapart.com/articles/negativemargins - Creating Custom Corners & Borders Part II - http://alistapart.com/articles/customcorners2 - From Table Hacks to CSS Layout: A Web Designer’s Journey - http://alistapart.com/articles/journey 9. Ciekawe strony nt. xHTML i CSS. - Dlaczego układ na tabelkach jest głupi? - http://osiolki.net/tabelki/ - „For people who make websites” - www.alistapart.com/ - Jeden z lepszych kursów xHTML’a - http://xhtml.b7.pl/ Ten post edytował ano 6.09.2006, 13:54:16 -------------------- Linkedin | ...
|
|
|
4.09.2006, 19:08:23
Post
#2
|
|
Grupa: Przyjaciele php.pl Postów: 7 494 Pomógł: 302 Dołączył: 31.03.2004 Ostrzeżenie: (0%) |
Wątek utworzony z pierwszego posta z wątku: Propozycja przylejonego tematu...
|
|
|
5.09.2006, 08:15:01
Post
#3
|
|
Grupa: Zarejestrowani Postów: 407 Pomógł: 1 Dołączył: 4.03.2003 Skąd: warszawa Ostrzeżenie: (0%) |
|
|
|
5.09.2006, 09:11:49
Post
#4
|
|
Grupa: Zarejestrowani Postów: 614 Pomógł: 7 Dołączył: 10.11.2003 Skąd: Rzeszów/Kraków Ostrzeżenie: (0%) |
Ja bym w ogóle dał przekierowanie do tego artykułu zamiast sugerowac jaki kolwiek DOCTYPE.
-------------------- Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ |
|
|
5.09.2006, 09:53:34
Post
#5
|
|
Grupa: Zarząd Postów: 2 277 Pomógł: 6 Dołączył: 27.12.2002 Skąd: Wołów/Wrocław |
Co do wstawiania Flasha na stronę - uważąm, że najlepszym rozwiązaniem jest skorzystanie z JS i biblioteki
http://blog.deconcept.com/swfobject/ Pozwala to nie tylko na znaczne uproszczenie kodu i zachowanie zgodności z W3C ale także jest poprawnie obsługiwane przez wszystkie przegladarki z JS a co wiecej - eliminuje mechanizm blokowania Flashy, który pojawił się w najnowszych wersjach IE 6 (ta szara ramka wokół flasha) Cytat <script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent"> This text is replaced by the Flash movie. </div> <script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699"); so.write("flashcontent"); </script> -------------------- "Niezależnie od tego, jakie masz osiągnięcia, ktoś Ci pomaga..."
|
|
|
5.09.2006, 15:20:45
Post
#6
|
|
Grupa: Zarejestrowani Postów: 435 Pomógł: 40 Dołączył: 16.02.2003 Skąd: Wrocław Ostrzeżenie: (0%) |
OK, poprawiłem wymienione przez was błędy.
Cytat Co do wstawiania Flasha na stronę - uważąm, że najlepszym rozwiązaniem jest skorzystanie z JS i biblioteki http://blog.deconcept.com/swfobject/ Pozwala to nie tylko na znaczne uproszczenie kodu i zachowanie zgodności z W3C ale także jest poprawnie obsługiwane przez wszystkie przegladarki z JS a co wiecej - eliminuje mechanizm blokowania Flashy, który pojawił się w najnowszych wersjach IE 6 (ta szara ramka wokół flasha) Po co mieszać w to JavaScript, skoro można to uzyskać bez niego? A pozatym, w końcu jest to faq CSS i xHTML, nie Java script -------------------- Linkedin | ...
|
|
|
21.09.2006, 00:18:16
Post
#7
|
|
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 7.09.2006 Skąd: Poznań Ostrzeżenie: (0%) |
OK, poprawiłem wymienione przez was błędy. Po co mieszać w to JavaScript, skoro można to uzyskać bez niego? A pozatym, w końcu jest to faq CSS i xHTML, nie Java script Teraz ten problem aktywacji flasha dotyczy też nowszych Oper - w nich także trzeba najpierw animację kliknąć, by reagowała na mysz i inne inputy, choć ramki szarej nie ma. Dlatego uważam że rzeczywiście powinno być podane "właściwsze" rozwiązanie, niż to jedyne, najprostsze i najbardziej poprawne. Ewentualnie jako alternatywę. -------------------- NotePad++ / Eclipse 3.3 (+PDT+PyDev+WTP) / VS 2005 Standard (+WTL 8.0+WM 2003 SDK/WM 5.0 SDK) / Glassfish / php 5.2.3 / Apache 2.2.x / MySQL 5.0.x / PostgreSQL 8.2.x / cvsd / violin 2.0 / piano 0.7-pre :P
|
|
|
26.07.2007, 20:35:17
Post
#8
|
|
Grupa: Zarejestrowani Postów: 614 Pomógł: 7 Dołączył: 10.11.2003 Skąd: Rzeszów/Kraków Ostrzeżenie: (0%) |
10. Opacity:
- "opacity" znaczy nieprzeźroczystość, dlatego wartości tej własności są z przedziału od 0 do 1. - atrybut ten jest częścią języka CSS w wersji 3 - producenci przeglądarek zaimplementowali już własność "opacity" (silniki Gecko, KHTML/WebKit, Presto), po fazie rozszerzeń lokalnych (-moz-opacity, -khtml-opacity itd.). IE nieprzezroczystość obsługuje jedynie poprzez wbudowane filrty. - własność ta jest dziedziczona i obecnie nie można zmienić jej wartości w elementach potomnych -------------------- Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ |
|
|
29.08.2009, 01:15:58
Post
#9
|
|
Grupa: Zarejestrowani Postów: 403 Pomógł: 68 Dołączył: 20.03.2008 Ostrzeżenie: (0%) |
11. IE6 i width:auto; na przykładzie listy nieuporządkowanej
-------------------- Pomogłem? wyraź to i kliknij "Pomógł"
|
|
|
16.04.2010, 19:31:32
Post
#10
|
|
Grupa: Zarejestrowani Postów: 83 Pomógł: 6 Dołączył: 4.04.2010 Ostrzeżenie: (0%) |
5. Co zrobić, żeby w przeglądarce Internet Explorer poprawnie wyświetlały się przezroczyste obrazki PNG? Problem: Gdy wstawiam na moją stronę obrazek png z przezroczystością, niepoprawnie wyświetla się on w przeglądarce Internet Explorer – zamiast przezroczystego tła, pojawia się szare. Rozwiązanie: Do arkusza styli css wystarczy dodać:
... i problem z głowy. Dlaczego mi to nie działa ? |
|
|
16.04.2010, 19:39:38
Post
#11
|
|
Grupa: Zarejestrowani Postów: 1 135 Pomógł: 158 Dołączył: 19.03.2009 Skąd: Toruń Ostrzeżenie: (0%) |
|
|
|
16.04.2010, 19:45:00
Post
#12
|
|
Grupa: Zarejestrowani Postów: 83 Pomógł: 6 Dołączył: 4.04.2010 Ostrzeżenie: (0%) |
gdzie ja tego diva mam dac ? To ma być osobny div na stronie ? czy do kazdego diva musze dać taki styl w któym uzywam obrazow png ?
|
|
|
19.04.2010, 21:58:28
Post
#13
|
|
Grupa: Zarejestrowani Postów: 435 Pomógł: 40 Dołączył: 16.02.2003 Skąd: Wrocław Ostrzeżenie: (0%) |
Dlaczego mi to nie działa ? pamiętaj, że musisz mieć w folderze gfx/ przeźroczysty obrazek "transparent.gif" o wymiarach 1x1 px. Ta linijka wskazuje na owy plik:
-------------------- Linkedin | ...
|
|
|
Wersja Lo-Fi | Aktualny czas: 26.09.2024 - 19:26 |