fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Kép körbefolyatása szöveggel...

Kép körbefolyatása szöveggel HTML-ben?

Figyelt kérdés
Nem a téglalapos align:left-re gondolok, hanem a kép körvonalától adott távolságra, amolyan újságcikkesen... Ha jól saccolom, CSS lesz a megoldás, de kéne hozzá egy jó tutorial, vagy egy konkrét megoldás :D

#kép #HTML #szöveg #CSS #körbefolyatás
2013. jan. 27. 17:29
 1/7 anonim ***** válasza:
100%
Belerakod divbe fix szélleség magasság padding vagy margin? És akkor lesz adott távolság.
2013. jan. 27. 17:37
Hasznos számodra ez a válasz?
 2/7 A kérdező kommentje:
De akkor megint egy téglalap alakú keretnél tartunk :) Amit szeretnék: van pl egy S alakú képem, és úgy fusson a szöveg mellette, hogy a kép határoló keretein belülre is bemásszon (mondjuk az S hasáig) a ténylegesen felhasznált pixelekig, nem a határolt téglalapig.
2013. jan. 27. 17:50
 3/7 anonim ***** válasza:
A szöveg divet kell rányomni a képre,de akkor az manuális.
2013. jan. 27. 19:15
Hasznos számodra ez a válasz?
 4/7 Drone007 ***** válasza:

A raszteres képek körvonala - függetlenül attól, hogy mit ábrázol a kép, vagy hogy van-e átlátszó területe - mindig négyzetes alakú, ezért a szöveg körbefolyatása csak ilyen alakzatban lehetséges.

Megoldásként esetleg azt tudom javasolni próbáld soronként pozícionálni a szöveget: külön div minden sor (de ez custom szöveg esetén nyilván nem megoldható), vagy a grafikába beledolgozni a szöveget (ez pedig a későbbiekben nyilván csak grafikus programmal változtatható)

Majd ha kitalálják, hogy egy div elem alakját hogyan lehet vektoros eszközökkel alakítani, akkor működhet bármi. Addig sajnos maradunk a négyzetes elrendezéseknél.

2013. jan. 27. 22:02
Hasznos számodra ez a válasz?
 5/7 A kérdező kommentje:

Idő közben találtam egy ilyet:

[link]

De sokra nem megyek vele... :S

2013. jan. 28. 10:35
 6/7 anonim ***** válasza:
Látszik a kódban hog ők is soronként pozicionálnak.
2013. jan. 28. 11:08
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:

<em class="ln160">

...

margin-left: 60px;


rakjál firebugot, 5 másodperc alatt kiszúrtad volna hogyan csinálták

2013. jan. 28. 17:43
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!