Skrócenie nie mieszczącego się tekstu na stronie – CSS text-overflow
Tym razem chcę pokazać jak skrócić tekst nie mieszczący się bloku. Chodzi np. sytuację kiedy tytuł wpisu na blogu chcemy by zawsze był napisany w jednej linii.
Kategoria ta poświęcona jest tematyce budowy stron internetowych z pomocą języków takich jak: HTML, CSS i PHP. Dlatego też znajdziecie tu wiele różnych i ciekawych artykułów opisujących nie tylko sam proces budowy, ale także różne opcje, skrypty z pomocą, których możecie rozbudować wasze już istniejące witryny. Dowiecie się też jak wprowadzać tekst i grafiki na stronę.
Część materiałów to w praktyce małe kursy z pomocą, których możesz poznać bliżej daną tematykę. Kursy są na poziomie początkującym są więc świetnym sposobem nie tylko na zdobycie wiedzy, ale także na szybką powtórkę.
Równej wysokości kolumny / elementy obok siebie na stronie internetowej
Dość częstym problemem przy budowaniu strony internetowej jest utworzenie kolumn (zbudowanych np. DIV) o równej (takiej samej) wysokości. Po co nam równe kolumny? Nie oszukujmy się chodzi głownie o estetykę. Kolumny o różnej wysokości mogą wyglądać dziwnie – tak jak by zostały urwane. Poza tym czasem mogą zacząć się na siebie nasuwać lub będą znajdowały […]
Trójkąty za pomocą CSS
Zazwyczaj kiedy chcemy użyć trójkąta (figury geometrycznej) na stronie internetowej używamy do tego jakieś grafiki. Jednak nie zawsze tak musi być. Trójkąty spokojnie możemy też tworzyć w CSS.
Animowana ikona mobilnego menu „Hamburgera”
Tematem jakim zajmę się dzisiaj będzie tzw. Hamburgerowe menu. Jest to menu składające się 3 leżących, równoległych do siebie kresek, przeważnie w ciemnym kolorze.
Pozycjonowanie tekstu i obrazków z pomocą CSS
W jednym z poprzednich wpisów pokazałam w jaki sposób wyśrodkować obrazek lub tekst wykorzystując do tego czysty HTML. Tym razem pójdę o krok dalej i do ustawiania ich na stronie użyję kaskadowych styli czyli CSS.
Animacja ikon, obrazków na przykładzie dłoni
Dziś postaram się pokazać jak w prosty sposób uzyskać efekt animowanej ikony (małego obrazka) na stronie internetowej.
Efekt Parallax podczas przewijania strony internetowej [CSS]
Efekt Parallax lub inaczej paralaksa to jeden z ciekawszych i jednocześnie łatwiejszych efektów jakie można spotkać na stronie internetowej. Stosowany jest głównie w wersjach strony na komputery bynajmniej nie tylko dlatego, że lepiej się na nich prezentuje.
Formatowanie zawartości tabeli w HTML i CSS na stronie
Zbudowanie tabeli na stronie internetowej w HTML z pewnością dla większości z was nie stanowi dużego problemu.
Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS
Wyśrodkowanie tekstu lub ilustracji na stronie, witrynie internetowej jest stosunkowo prostą czynnością.
Kolor tła oraz tekstu za pomocą HTML i CSS (bgcolor, background)
Kolor tła jak i fontu (czcionki) można zmieniać na rożne sposoby. Twórcy stron internetowych wykorzystują do tego celu głównie CSS ze względu na jego rozbudowane możliwości.
![Jak wykonać przekreślenie tekstu na stronie? <del>, <S> lub text-decoration [CSS]](https://aurainweb.pl/wp-content/uploads/2018/09/kobieta-online.jpg)
Jak wykonać przekreślenie tekstu na stronie? <del>, <S> lub text-decoration [CSS]
Przekreślenie tekstu zamieszczonego na stronie internetowej jest bardzo proste i szybkie w uzyskaniu.
Jak na stronie dodać indeks Górny i/lub Dolny w HTML i/lub CSS?
W języku skryptowym HTML jak i w CSS bardzo łatwo uzyskać efekt mniejszego tekstu u góry (indeks górny <sup>) lub dołu normalnego (indeks dolny <sub>).