Skocz do zawartości

marginesy obrazka

Pozycjoner.pro

Przez Pozycjoner.pro
w PHP i MySQL i inne

Rekomendowane odpowiedzi

Mion Veteran

Mion

Opublikowano
Opublikowano

- Nie ten dział -

Ustawia się to w stylach atrybut float + margin

np https://www.tizag.com/cssT/float.php

https://www.w3.org/TR/CSS2/visuren.html

W lewym oknie na stronie do stestowania wstaw ten kod

<html>
<head>
<style type="text/css">
img 
{
float:left;
margin: 10px 20px 10px 0px;
}
</style>
</head>

<body>
<img src="logocss.gif" width="95" height="84" />
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</body>
</html>

i możesz testować online https://www.w3schools.com/css/tryit.asp?filename=trycss_float

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
Darek82 Newbie

Darek82

Opublikowano
Opublikowano

Mion, raczej nie zrozumiałeś pytania które zadał amstrad.

Amstrad, to co musisz zrobić, to wstawić tekst w osobnego diva. Idea jest taka, że jeden blok to obrazek, a drugi blok zawiera tekst. Wtedy tekst nie będzie oblewał obrazka, ale zawsze będzie obok, jako osobny blok.

Podam na przykładzie, css inline ale chodzi tylko o przykład:

<img src="..." style="float:left;" />

<div style="float: right: width: 200px;">

<p>This is some text. This is some text. This is some text.</p>

<p>This is some text. This is some text. This is some text.</p>

<p>This is some text. This is some text. This is some text.</p>

</div>

dla diva dobrze jest ustawic stałą szerokość - ja ustawiłem na 200px - wtedy masz pewnosc ze nawet bardzo niesforny tekst nie zepsuje Ci layoutu.

Jesteś bezczelny, nieuprzejmy i nie przepuszczasz kobiet w drzwiach? Zapraszam na ulubione24.pl

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

@Mion, raczej nie zrozumiałeś pytania które zadał amstrad.

Faktycznie, bo sugerowałem się przykładem z obrazka gdzie tekst oblewa obrazek;

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności