Lebegő doboz HTML-ben
2011-06-08T16:58:54+02:00
2011-06-08T17:55:37+02:00
2022-07-24T14:36:21+02:00
  • <img src="hivatkozás.jpg" id="img" alt="kép felirata" style="position: fixed; top: 100px; left: 300px" />

    A 100px a képernyő tetejéről, a 300px a bal szélétől mért távolság.

    Ezután dinamikusan JavaScript segítségével tudod méretezni vagy pozícionálni.
    document.getElementById('img').style.top = 150px;


    Pl. függvénybe ágyazva:
    <script type="text/javascript"> function moveIt(obj, mvTop, mvLeft) { obj.style.position = "absolute"; obj.style.top = mvTop; obj.style.left = mvLeft; } </script> </head> <body> <input type="button" value="move!" onclick="moveIt(document.getElementById('img'),'250px','30 0px')" />
    Mutasd a teljes hozzászólást!
  • Itt nézd meg az abszolút vagy fixed elhelyezést (Try it yourself). Természetesen majd nem <h2>-t pozicionálsz, hanem mondjuk egy <div>-et, aminek megadod a szélességét és magasságát (width-height).

    Ha esetleg úgy akarod, hogy pontosan a középen legyen függőlegesen vagy vízszintesen, akkor oda már lehet kellene egy kis javascript is.
    Mutasd a teljes hozzászólást!
  • Egy kis hobbi oldalt szeretnék feldobni, nem hiszem, hogy ez vállalkozásnak számít.

    Csak egy alap kódra lenne szükségem.
    Mutasd a teljes hozzászólást!
  • Ez így állás rovat.
    Mutasd a teljes hozzászólást!
  • Egy olyan kódra lenne szükségem amivel egy oldalon bárhol (pixellel behatároltan ) eltudok helyezni egy dobozt, a példa kedvéért egy olyat amiben egy belinkelt kép van.
    Nem értek a programozáshoz így lehet, hogy rosszat mondok, de Html és CSS3-ban is jó a kód, csak betudjak illeszteni képet (és linkelni), illetve pixel szerint mozgatni az oldal különböző pontjain.

    Régebben már csináltam hasonlót, de akkor az volt a probléma, hogy más képernyő méreten elcsúsztak a képek, ennek tudjátok a megoldását?

    Előre is köszi a válaszokért
    Mutasd a teljes hozzászólást!
abcd