A HTML kódban létezik olyan, hogy egy képet középre igazítunk és úgy mint a word-be keresztül futtatjuk rajta a szöveget? Ha igen akkor hogyan lehet megoldani?

Meg lehet csinálni html és egy kis css segítségével.

A legegyszerűbb, ha a szöveget egy div elembe teszed bele, aminek a hátteréül (background-image) a kívánt képet rakod be. A háttér képét lehet a div keretein belül is pozícionálni (background-position), így egy kis ügyeskedéssel megoldhatod hogy szépen nézzen ki.

Arra azért figyelj, hogy egy szöveg olvashatatlanná válhat, ha egy színes kép a háttere, ezért célszerű a képet grafikailag kicsit átteszővé (png), vagy sötét/világos halványítani (szövegszíntől függően)

A másik megoldás, ha egy abszolút pozicionált div elembe teszed a képet, amit a szöveg mögött helyezel el (z-index, vagy először a kép div elemét implementálod a html szövegben), így a szöveg mögé fog kerülni. A képet tartalmazó div elemre így rá lehet pakolni némi áttesztőséget (opacity), hogy a szöveg jobban olvasható legyen, így a képet sem kell grafikailag módosítani.

Sok sikert!

én értem, csak nem tudom :D

erre gondol:

Itt van a KKK szöveg

itt még   ÉÉÉ folyta-

tódik a   PPP szöveg

és még itt is szöveg.

Remélem sikerült jó helyre tenni :D

Szerintem nem értettem félre "ami keresztül fut a képen". Inkább te fogalmaztál kissé pongyolán. De sebaj.

A lényeg, hogy ilyesmit sajnos nem tudsz megvalósítani. A képet jobbra/balra tudod igazítani, és akkor balról/jobbról körbefolyik a szöveg, de ilyen módon nem lehet középre igazítani a képet (float).

Maximum azt tudod megoldani, hogy úgy tördeled a szövegedet sorról sorra, hogy jól nézzen ki. Persze akadhat a neten esetleg valami javascript szkript ami megoldhat ilyesmit, de én úgy érzem, nem éri meg a fáradtságot ilyesmivel próbálkozni.

Valóban nem lehet megoldani esetleg úgy, hogy float-olsz 6 div-et, középre kép, és oldalra úgy tördeled a szöveget. De ez valóban nem ajánlatos, csak ha nagyon muszáj. Helyette pakold valóban jobbra vagy balra a képet szintén float-al mint előttem is írták. Egyszerűbb is egy sor az egész.

[link]

Itt találsz példát listával lent, ha szeretnél mégis inkább div-eket pozicionálni. De amit javasoltunk is ott van az elején példába.