O oblewaniu grafiki tekstem
Gdy wstawimy na początku tekstu grafikę to wychodzi nam tak jak na przykładzie.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Gdy wstawimy w środku tekstu grafikę to wychodzi nam tak.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
A tak gdy na końcu.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Obrazek za każdym razem rozsuwa tekst. To co się dzieje to można by opisać tak, że obrazek dołem dopasowuje się do linijki tekstu w miejscu w którym się znajdzie. A że jest wyższy niż wysokość liter to rozpycha rządki tekstu. Pomyślmy zatem jak ożyć CSS, by zapanować nad takim zachowaniem się ilustracji w stosunku do treści i byśmy to my mieli nad tym kontrolę.
Kiedyś robiono to tak, że do kodu opisującego obrazek wstawiano <img src="img/trans.jpg" ALIGN="LEFT" /> lub ALIGN="RIGHT" i jak widać na 2 przykładach poniżej działa dalej.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Zróbmy to jednak poprawnie i z CSS style="float:left; margin:6px" Dodałem MARGIN, zeby tekst nie stykał się z obrazkiem bo to czasem może utrudnić czytanie.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Przy umieszczeni zdjęcia na końcu to nie zadziałało. Musi być obraz na początku lub gdzieś w środku tekstu.
Oczywiście można LEFT zastąpiś RIGHT <img src="img/trans.jpg" style="float:right; margin:6px" /> i oblać tekstem z drugiej strony.
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.
Dużo ładniej wygląda, jeśli tekst przy obrazku nie kończy się strzępiato, a układa się do równej linni. Można to zrobić dodając wyrównanie tekstu (justowanie). czy nie ładniej jak na poprzednim przykładzie? <p style="text-align: justify;">
Obrazek oblany tekstem tekst opływa obrazek. Jak to zrobić w CSS, by otoczyć fotografię tekstem? Praktyczne porady na teraz.Tekst wokół grafiki. To sposób praktyczny do ilustrowania tekstów i opisywania zdjęć.