punkty - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...oszczędności miejsca na arkuszu, nic nie stoi na przeszkodzie, aby inne ikony wstawiać z lewej powyżej skośnej linii, utworzonej na arkuszu przez punkty wykazu. ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: 14px; font-size: 12px; } ul li { margin: 2px 0; padding-left: 16px; background: url(obrazek.gif) no-repeat -240px -65px; } Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0...
I co dalej... / Rejestracja...strony. Ważny jest również tytuł strony, ponieważ pojawia się on w wyszukiwarce, po odszukaniu Twojej strony. Dlatego zwróć szczególną uwagę na te punkty!
- Rozmiary CSS / Wysokość i marginesy automatyczne
...wysokości (height) oraz pionowych marginesów elementów (margin-top, margin-bottom), po przypisaniu im wartości auto. Przedstawione poniżej punkty 1-3 obejmują również elementy pozycjonowane relatywnie. 1. Elementy inline, nie-zastępowane Jeżeli własności top, bottom, margin-top lub margin-bottom mają przypisaną wartość auto, przyjmują ostateczną wartość zero. Własność height nie ma zastosowania (nie można jej przypisać), ale zależy od wysokości linii (line-height). 2. Elementy...
- Promocja strony WWW / Pozycjonowanie (SEO)
...treść alternatywna obrazków (atrybut alt="..."), dymki narzędziowe odsyłaczy (atrybut title="...") albo tekst (opis) samych odsyłaczy. Dodatkowe punkty można również dostać, jeśli ważne słowo kluczowe znajduje się bezpośrednio w adresie strony. Lepiej jest także jeśli sam adres jest krótszy.
- Pozycjonowanie CSS / Wyświetlanie {display}
...np. w arkuszu stylów), nie zmieniając jednocześnie wyświetlania dla innych elementów <li>...</li>. Oczywiście można w ten sposób również tworzyć punkty wykazu z innych znaczników niż <li>...</li>. Polecenie "display: none" okazuje się bardziej przydatne, niż początkowo można by sądzić. Przykładowe zastosowanie to usunięcie niektórych elementów strony podczas jej drukowania [zobacz: Media]. Nie ma raczej sensu drukować menu nawigacyjnego, które powtarza się na każdej stronie, ponieważ na...
Zareklamuj się tutaj za darmo...Wymiana link/button Jeżeli odwiedzalność Twojej witryny jest mniejsza niż mowa w punkcie nr 3 regulaminu, a serwis spełnia dwa pierwsze punkty regulaminu oraz następujące wymagania co do odwiedzin: serwisy o tematyce Internet i komputery: 20 osób/dzień serwisy o innej tematyce: 30 osób/dzień możesz skorzystać z innej formy reklamy. Jeśli przynajmniej na stronie głównej swojego serwisu umieścisz w widocznym miejscu button Kursu HTML, link tekstowy do Twojego serwisu wraz z...
- Selektory pseudoklas CSS / Negacja :not
...argument drugiego. Przykład :not Po wpisaniu w arkuszu stylów: ul > li:not(:first-child) { font-weight: bold } otrzymamy wykaz, w którym wszystkie punkty z wyjątkiem pierwszego (pierwsze dziecko) powinny być pogrubione: Punkt 1 Punkt 2 Punkt 3
- Menu w CSS / Pionowe menu
...tło i podwójne obramowanie oraz niewielki odstęp pomiędzy obramowaniem a krawędziami odnośników. Dodajemy obramowanie dzielące poszczególne punkty listy na całej jej szerokości. Dla odnośników określamy wyświetlanie w bloku (display: block), aby podświetlały się na całej szerokości (z uwagi na możliwy błąd w niektórych bardzo starych przeglądarkach bezpieczniej jest przypisać również szerokość), a następnie usuwamy domyślne podkreślenie (text-decoration: none) i swobodnie je...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...wbudowany generator mapy odsyłaczy, dzięki któremu można w prosty i szybki sposób określić współrzędnie poszczególnych obszarów, wskazując kolejne punkty myszką na wyświetlonym obrazku. W przypadku bardzo skomplikowanych obszarów, rozważ użycie serwerowej mapy odsyłaczy. Istnieją przypadki, kiedy obrazek może nie wyświetlić się na ekranie - np. z powodu problemów z połączeniem internetowym, nieobsługiwanym formatem graficznym albo gdy użytkownik po prostu wyłączy wyświetlanie grafiki w...