ugrás a tartalomhoz

képen szöveg?

vmarci21 · 2012. Okt. 29. (H), 14.53
sziasztok!

Meg szeretném kérdezni, hogy hogyan lehet egy képre szöveget rakni, html-ből. Tehát van a kép "háttérként", és előtte szöveg. (Próbáltam úgy hogy simán div hátterének beállítottam a képet, de akkor a képet nem lekicsinyíti, hanem levágja a 'felesleges' részt.)

Példának 1 weboldal (Itt ha rámutatsz egy film borítójára, elé jön a szöveg. (Gondolom valahogy 2 div-et egymás alá kell rakni??!))

Válaszokat előre is köszönöm.
‹ jquery scroll efect Clearbox chrome hiba ›
 ■
1

DIV mérete

Blintux · 2012. Okt. 29. (H), 15.07
Adj a kép háttért tartalmazó DIV-nek akkora méretet, mint amekkora a kép mérete. Akkor nem fog belőle levágni.

Példa:

<div class="hatter">"Lorem ipsum dolor</div>

.hatter {
	width:200px;
	height:150px;
	background:url('kep.jpg');
}
2

ezt eddig is tudtam

vmarci21 · 2012. Okt. 29. (H), 15.09
ezt eddig is tudtam, de nem írtam: ez az anyagok listájánál lesz, ahol az anyagban a képek alapból nagyobb méretben kell megjelenjenek, és nem akarom a képeket 2 méretben elkészíteni (szerintem más sem), minden egyes anyaghoz.
3

Hát igen, logikus, a

hunkris · 2012. Okt. 29. (H), 15.11
Hát igen, logikus, a nagyméretű képeket HTML-ben kell összenyomorítani, lehetőleg nem méretarányosan.
4

Pedig de!

Blintux · 2012. Okt. 29. (H), 15.24
Ilyen esetben két méretben szokták használni a képeket!
Pont az a lényege, hogy jól is nézzen ki és kevesebb legyen az oldal letöltési idő is.
7

Sikerült félreértened engem.

hunkris · 2012. Okt. 29. (H), 16.32
Sikerült félreértened engem.
5

Csináltam neked egy

Poetro · 2012. Okt. 29. (H), 15.49
Csináltam neked egy megoldást, de ezen kívül még rengeteg technikát lehetne használni
6

pont most

vmarci21 · 2012. Okt. 29. (H), 16.01
pont most találtam böngészés közben egy weboldalt, ahonnan ki tudtam szedni a kódot, de ez jobb megoldásnak tűnik, lehet hogy újra csinálom, köszi. A végeredmény.