• 
  HTML dla zielonych / Koniec linii HTML <br>

  ...wtedy, gdy podany tekst będzie zbyt długi, aby zmieścić się w jednym wierszu. Jeśli jednak koniecznie chcemy natychmiast zakończyć linię, możemy to zrobić, stawiając w miejscu gdzie ma być ona zakończona, znacznik <br>. Np. wpisanie w edytorze: To jest pierwsza linia...<br> a to jest druga linia. spowoduje wyświetlenie tekstu: To jest pierwsza linia... a to jest druga linia. Jeśli postawisz obok siebie więcej niż jeden znacznik <br>, możesz "zejść" kilka linijek niżej, np. wpisanie: To...

• 
  HTML dla zielonych / Jak zrobić dobrą stronę HTML

  ...wiadomości e-mail z użytkownikami. Otwórz się na konstruktywną krytykę. Jeżeli masz jakieś zastrzeżenia co do tego serwisu, wiesz jak można zrobić coś lepiej,  var uzytkownik = 'koklowski'; var domena = 'poczta.onet.pl'; var dodatkowe = '?subject=Uwagi'; var opis = 'napisz do mnie'; var dymek = ''; var pasek = ''; var atrybuty = ''; document.write(''); if (opis) document.write(opis + ''); else document.write(uzytkownik + '\x40' + domena + ''); napisz do mnie

• 
  Formularze / Wysłanie formularza <input "submit, image">

  ...decyzji użytkownika: <form action="?akcja=kasowanie" method="post"> <input type="hidden" name="id" value="1"> <p>Czy na pewno chcesz to zrobić?</p> <input type="submit" name="potwierdzenie" value="Tak"> <input type="submit" name="potwierdzenie" value="Nie"> </form> Pytania i odpowiedzi <input "submit"> Jak wysłać formularz HTML? Domyślnie formularz jest wysyłany, jeśli użytkownik wciśnie Enter wpisując coś w dowolnym polu tekstowym albo polu hasła, które się w nim znajdują...

• 
  Tekst / Tryb pisania {writing-mode}

  ...3 Wiersz 1 1 2 3 Wiersz 2 4 5 6 Wiersz 3 7 8 9 Przypominam, że własności writing-mode nie można przypisać do wierszy tabeli, ale można to zrobić w odniesieniu do komórek tabeli (th, td). Zwróć uwagę, że mimo pionowego ułożenia tekstu, orientacja obrazka nie zmienia się: To jest pierwsza linijka... ...a to jest kolejna linijka. Dla porównania to samo, ale w standardowym ułożeniu tekstu (poziomo): To jest pierwsza linijka... ...a to jest kolejna linijka. Ponadto niektóre...

• 
  Menu w CSS / Pionowe menu

  ...w menu zgodnie z normalnym formatowaniem listy, czyli w pionie. Domyślny sposób prezentacji oczywiście nie jest zadowalający. Pierwsze co musimy zrobić, to usunąć wyróżniki punktów wykazu (tzw. markery) oraz zniwelować niepotrzebny margines z lewej strony: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } W efekcie uzyskamy: Czcionki Tekst Tło Marginesy Obramowanie W niektórych przeglądarkach nie jest konieczne wstawienie wszystkich powyższych...

• 
  Oprawa graficzna / "Duszki" CSS

  ...przezroczystość, dzięki której ikony PNG nie mają poszarpanych krawędzi, nieważne na jakim kolorze tła zostaną wyświetlone. Żądania HTTP A co zrobić, kiedy wszystkie grafiki mamy już zapisane w odpowiednim formacie i przy optymalnie dobranym stopniu kompresji? Okazuje się, że na długość czasu wczytywania kompletnej strony WWW ma wpływ nie tylko co, ale w jaki sposób jest ładowanie. Po wybraniu adresu dowolnego współczesnego serwisu internetowego, przeglądarka zaczyna ładowanie dokumentu...

• 
  Dobre praktyki / CSS Zorientowane Obiektowo

  ...stylizację zarówno z klasy Information (np. tekst ujęty w ramkę) jak i Important (np. czerwony tekst albo wytłuszczenie). Przesłanianie Co zrobić, jeśli recenzja - szczególny przypadek ogólnego artykułu - ma wyglądać jednak nieznacznie inaczej od swojego pierwowzoru (klasy bazowej)? Wybrane deklaracje z klasy bazowej można przesłonić (ang. override), przypisując im zmienione wartości w klasie pochodnej. Na przykład: .Article { color: black; background-color: white...

• 
  Dobre praktyki / Przykazania webmastera

  ...kolejnych reguł stylów w arkuszu CSS. Co zrobisz, jeśli deklaracja już zawiera !important, a będzie trzeba ją nadpisać? Przecież nie da się zrobić podwójnego !important. Tendencję do korzystania z tej metody mają zwłaszcza osoby, które nie znają zasad szczegółowości selektorów. Przyswojenie sobie tych kilku prostych i intuicyjnych punktów naprawdę nie jest trudne. Postaraj się to zrobić, a prawdopodobnie zupełnie zapomnisz o istnieniu deklaracji !important 🙂 Nie wstawiaj...

• 
  HTML dla zielonych / Gotowiec HTML

  ...oferuje darmowo gotowe projekty graficzne witryn. Zawierają one całą strukturę dokumentu oraz wszystkie potrzebne grafiki. Jedyne co trzeba zrobić samodzielnie, to uzupełnić szablon własnym tekstem w odpowiednich miejscach. Jeśli nie masz zatem pomysłu na projekt graficzny swojego serwisu, radzę poszukać ciekawego szablonu w sieci. Dzięki temu Twoja strona na pewno nie będzie "straszyła" internautów 😉 Jeżeli nie chcesz korzystać z gotowych rozwiązań, przy tworzeniu własnego...

• 
  CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}

  ...z tekstem. W tym celu wystarczy w arkuszu stylów zdefiniować każda klasę z inną nazwą. Pytania i odpowiedzi {border-style, background-color} Jak zrobić obramowanie tekstu w CSS? Aby obramować tekst, musimy wykonać dwa kroki. Najpierw w arkuszu stylów CSS wstawiamy następujący kod: .obramowanie { border-style: solid; } - zwracam uwagę, że na początku tego kodu znajduje się znak kropki, a po nim nie może być spacji! Następnie w kodzie HTML wystarczy objąć znacznikiem wybrany tekst: <div...

1 2 »