Hogyan tudom ezt megoldani HTML-ben?
Ha kell css-is lehet! A következő képeken látszódni fog, hogy mit szeretnék. Az első képen elég egy olyan kód amibe beleillesztem a kiírandó szavakat. A másodikba viszont három változó van.
Képek
-első: [link]
-második: [link]
válasza:Én így tudnám megoldani:
HTML:
<div id="manus">
<div id="manus_szoveg">
Képre írok. Ha, ha meg IkszDé...
</div>
</div>
CSS:
#manus{
background: url("manus.jpg");
position: relative;
width: 500px;
height: 313px;
}
#manus_szoveg{
position: absolute;
top: 130px;
left: 160px;
width: 220px;
height: 110px;
}
válasza:Nyilván az értékeket képnek megfelelően át kell írni.
#manus részben ugye a képet és annak méretét adod meg.
A #manus_szoveg résznél meg a doboz méretét és annak pozícióját. (top, left).
Fontos az is, hogy a position: relative; beállítás a képes div-en legyen, az absolute meg a szövegdobozén, máskülönben a böngésző széléhez képest állapítja meg a szövegdoboz helyét...
Kipróbáltam Firefox 10, IE9 (IE7 módban is) meg Opera 11-en is. Működött.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!