punkt - Kurs HTML i CSS
Obramowanie CSS / Nawis obramowania obrazkowego {border-image-outset}...można zilustrować następująco: Źródło: CSS Backgrounds and Borders Module Level 3 Przykład {border-image-outset} border-image-source: url(punkt.gif); border-image-slice: 15; border-image-outset: 7px; border-width: 15px Połączenie szerokości obramowania i nawisu tylko częściowo wystającego poza jego krawędzie. border-image-source: url(punkt.gif); border-image-slice: 15; border-image-width: 15px; border-image-outset: 15px Jeżeli element nie posiada tradycyjnego obramowania, nawis...
- Pozycjonowanie CSS / Nakładanie {z-index}
...100px; height: 75px; position: relative" src="obrazek.jpg" alt="..."><br> <img style="position: relative; left: 84px; bottom: 91px" src="punkt.gif" alt="..."> Otrzymamy: A to przykład z użyciem z-index. Po wpisaniu: <img style="width: 100px; height: 75px; position: relative; z-index: 2" src="obrazek.jpg" alt="..."><br> <img style="position: relative; left: 84px; bottom: 91px; z-index: 1" src="punkt.gif" alt="..."> Otrzymamy: Jak widać w drugim przypadku kolejność nakładania...
Formularze HTML / Przycisk <button><button type="rodzaj">Treść przycisku</button> gdzie "rodzaj" określa typ przycisku i można tutaj podać: "submit" - przycisk wysłania formularza (domyślnie) "reset" - przycisk wyczyszczenia danych "button" - zwykły przycisk Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>
...środka "r" - długość promienia We wszystkich przypadkach współrzędne są liczone od lewego górnego wierzchołka obrazka, który stanowi punkt zerowy układu współrzędnych. Po wywołaniu tej komendy, zostanie wczytany obrazek o podanej ścieżce dostępu. Następnie będzie on podzielony na kilka pól (w sposób niewidoczny), z których każde będzie przyporządkowane oddzielnemu odsyłaczowi. Dzięki temu na tylko jednym rysunku możemy umiejscowić więcej niż jeden odnośnik. Wiele edytorów...
- Rozmiary CSS / Szerokość {width}
selektor { width: szerokość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać wartość szerokości, jaką ma mieć dany element (używając jednostek długości). Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną szerokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {width} To jest akapit o szerokości 30% (width: 30%)...
- Rozmiary CSS / Wysokość {height}
selektor { height: wysokość } Selektorem może być dowolny znacznik wyświetlany w bloku lub element zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "wysokość" należy podać wartość wysokości, jaką ma mieć dany element (używając jednostek długości). Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną wysokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {height} To jest akapit o wysokości 5cm (height: 5cm). To...
- Menu w CSS / Menu z nagłówkami
...1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } dd { width: 190px; padding-left: 10px; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } dl a:link, dl a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px; font-weight: bold; background: #bfb url("tlo.gif") repeat-x top; color: #365; border-left: 1px solid #797; } dl...
- HTML dla zielonych / Zaczynamy kurs HTML!
...już lepiej czytać. Mam tylko jedną prośbę: postaraj się przeczytać w miarę uważnie i po kolei całą treść na tej stronie. Jeśli pominiesz jakiś punkt lub przeczytasz go zbyt pobieżnie, może to spowodować, że nie zrozumiesz następnych. Źródła Opis tutaj zawarty, został opracowany na podstawie następujących specyfikacji: HTML 4.01 Specification XHTML 1.0 The Extensible HyperText Markup Language XHTML 1.1 - Module-based XHTML HTML Standard Differences from HTML4 Unicode Character...
- Promocja strony WWW / Odpowiednia treść
...pochwalić... Niech czytają i będą mi wdzięczni... Słyszałem, że można na tym zarobić... Idealny temat (?) Wstęp Zdawać by się mogło, że ten punkt jest oczywisty, jednak nie wszyscy zdają sobie sprawę jak dużą ma on wagę. Najprościej można powiedzieć, że strona o nieciekawej i zbyt krótkiej treści praktycznie nie da się bardziej wypromować. Są oczywiście wyjątki, np. strony oferujące u siebie darmowe i bardzo przydatne rzeczy. Jednak niewłaściwy dobór treści serwisu może przekreślić...
- Promocja strony WWW / Projekt graficzny
Ten punkt jest również niezwykle ważny. W dzisiejszym Internecie jest taki natłok informacji, że bardzo trudno się w nim przebić. Właśnie przyjazny projekt serwisu może być czynnikiem decydującym, że ktoś zacznie czytać Twoją stronę a nie konkurencji. Z drugiej strony rażąco zły projekt może odstraszać potencjalnych czytelników i wtedy nic nie pomoże odpowiedni dobór treści. Internauci stali się bardziej wymagający. Niełatwo zaspokoić ich gusta. Nie chodzi o to, żeby Twoja strona była...