strona - Kurs HTML i CSS
Pozycjonowanie CSS / Pozycja ustalona {position: fixed}...pozycjonowanie absolutne, z tą różnicą, że pozycja elementu jest zawsze obliczana względem krawędzi okna przeglądarki (obszaru w którym znajduje się strona). Dodatkowo element taki jest nieruchomy podczas przewijania strony, przez co jest on przez cały czas widoczny na ekranie, dokładnie w tym samym miejscu. Daje to zbliżony efekt, jak nieruchome pojedyncze tło. Przykład {position: fixed} Przykład
- Drukowanie CSS / Blokada przełamania strony {page-break-inside}
...Natomiast jako "wartość" należy podać: avoid - unikanie przełamania auto - brak ograniczeń Polecenie page-break-inside: avoid powoduje, że strona nie zostanie przełamana wewnątrz wskazanego elementu, tzn. pozostanie on w całości na jednej stronie (chyba że będzie zbyt duży, aby się na niej zmieścić). Jest to przydatne, jeśli nie chcemy, aby np. wykaz albo tabela zostały przedzielone pomiędzy dwie strony. W takim przypadku lepiej żeby drukarka przełamała stronę trochę wcześniej, a...
AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTMLW Internecie dosyć popularnym rozwiązaniem, stosowanym na wielu stronach, jest budowanie struktury serwisu w oparciu o tabele (lub elementy <div>...</div>) i ramki <iframe>...</iframe> (przykład takiego właśnie szablonu znajdziesz w rozdziale Struktura tabeli). Jest to wygodne o tyle, że pozwala szybko zbudować stronę elastyczną w aktualizacji, bez wykorzystania języków skryptowych po stronie serwera (np. PHP). Niestety takie rozwiązanie ma przynajmniej jedną poważną wadę: trudno jest dopasować...
- Selektory CSS
...który nie ma dzieci ani nie zawiera tekstu Pusty element 3 E:link E:visited element E, który jest kotwicą hiperlinku (odsyłaczem), której cel (strona docelowa) jeszcze nie został odwiedzony (:link) lub został już odwiedzony (:visited) Odsyłacz podstawowy Odsyłacz odwiedzony 1 E:active E:hover E:focus element E podczas pewnych akcji użytkownika (:active - aktywacja, :hover - wskazanie, :focus - zogniskowanie) Aktywacja Wskazanie myszką Zogniskowanie 1 E:target element E, który...
- Indeks, wyszukiwarka / Ramka
...Jest to przydatne w następujących przypadkach: serwis w ogóle nie składa się z ramek (wtedy w ogóle można pominąć ten argument albo wpisać null) strona z indeksem znajduje się w tej samej ramce, do której chcemy wczytać wynik self.nazwaramki Na stronie z indeksem znajduje się ramka lokalna o nazwie nazwaramki, do której ma zostać wczytany wynik. Nazwa ramki może zawierać tylko angielskie litery, cyfry (ale nie na początku) i podkreślniki ("_"). [Zobacz...
- AutoIFRAME / Dlaczego to nie działa?
...jak w skrypcie (domyślnie "autoiframe")? A może identyfikator zawiera nieprawidłowe znaki, jak np. spacje lub polskie litery? Czy na wszystkich podstronach wczytywanych do ramki <iframe>...</iframe> zostało umieszczone w nagłówku odwołanie do pliku skryptu autoiframe.js? Czy odwołanie aby nie zostało wstawione w miejscu innym niż nagłówek dokumentu (<head>...</head>)? Czy w tym samym katalogu co podstrony znajduje się plik autoiframe.js z zawartością skryptu? Czy plik nie został nazwany...
- Rozwijane menu
...pojawi się na liście i po wybraniu których nastąpi wczytanie stron Można również zaznaczyć opcję domyślną (atrybut selected), aby wskazać która strona jest aktualnie wczytana. Jeśli chcemy wczytać dokument do innej ramki, to w wartości atrybutu onchange="..." zamiast self należy wpisać: parent.nazwaramki, top.nazwaramki albo self.nazwaramki. Przykład Wybierz stronę do wczytania: Rozwijane menu HTML dla "zielonych" Znaczniki BODY i META Tekst Odsyłacze
Kontakt...że trud na pewno się opłaci! Mając tylko zdawkową wiedzę, nie zdajesz sobie nawet sprawy z bardziej zaawansowanych możliwości, dzięki którym Twoja strona internetowa byłaby znacznie lepsza niż teraz. Po prostu mając większą wiedzę, zadaje się ważniejsze pytania i lepiej można wykorzystać otrzymaną odpowiedź. Jeżeli chcesz do mnie napisać, proponuję zwracać się do mnie na "Ty" (bez względu na Twój wiek) - sądzę, że nie zasłużyłem sobie na tytuły szlacheckie 🙂
- Sławomir Kokłowski (autor)
Edukator, mentor i doświadczony programista. Pasjonat nauki, nowych technologii i gatunku science-fiction. Miłośnik gór, zapalony ultramaratończyk i fotograf-amator krajobrazu. Spis treści Biografia Podstawowe dane Kariera zawodowa Edukacja i kursy Misja edukacyjna Prywatnie Kontakt Biografia Cześć! Nazywam się Sławomir Kokłowski i jestem doświadczonym programistą oraz pasjonatem technologii webowych specjalizującym się m.in. w HTML i CSS. Moja wiedza i umiejętności w tej...
Nagłówek i treść HTML / Tytuł strony <title><head> <title>Tytuł strony</title> </head> Każdy dokument HTML (podstrona serwisu) posiada własny tytuł. Może on zawierać dowolny tekst, zaleca się jednak, aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt...