CSS/HTML dinamikus lapozó
2014-03-03T23:56:26+01:00
2014-03-04T09:38:11+01:00
2022-07-22T23:12:41+02:00
  • És ha tovább gondolod a javasolt kódot, esetleg ez lesz belőle -> LINK ...
    Azt nem értem, hogy a kérdés miért került ide, mivel világosan érthető volt a mutatott kódból és képekből, hogy mit szeretnél...
    Ettől függetlenül egy lapozó "felesleges gombjainak" mutatását/elrejtését általában nem CSS-vel szokták megoldani...
    Mutasd a teljes hozzászólást!
  • ez majdnem jó, de idáig énis eljutottam, balra is kéne menni, nem csak jobbra
    Mutasd a teljes hozzászólást!
  • Esetleg így?...

    <div style="position:relative;display:inline-block;white-space:nowrap;width:100%;margin:0;padding:0;height:60px;border:1px solid red;"> <div style="position:relative;display:inline-block;margin:0;padding:10px;background-color:green;top:-25px;width:2%;text-align:center; line-height:40px;height:40px;">L</div> <div style="position:relative;display:inline-block;margin:0;padding:10px;background-color:yellow;width:80%;text-align: center;height:40px;overflow:hidden;"> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">1</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">2</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">3</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">4</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">5</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">6</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">7</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">8</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">9</div> <div style="display:inline-block;padding:10px;background-color:aquamarine;width:20px;height:20px;">10</div> </div> <div style="position:relative;display:inline-block;margin:0;padding:10px;background-color:red;top:-25px;width:2%;text-align:center; line-height:40px;height:40px;">R</div> </div>

    A többit meg JS-el...
    Bár még nagyon korán van és lapozni  virtuálisan  is lehet...
    Esetleg a csatolt nézet kellene?...
    Mutasd a teljes hozzászólást!
    Csatolt állomány
  • Továbbra sem látom a konkrét kérdésedet, csak egy feladatleírást! Ez így állás rovat.
    Mutasd a teljes hozzászólást!
  • köszönöm :)
    természetesen ebben segitséget kértem, látjátok, hogy valamit próbáltam is alkotni azért... tehát nem egyfajta "x projecket irok, közben blogolom"
    Mutasd a teljes hozzászólást!
  • Hajrá!
    Mutasd a teljes hozzászólást!
  • ezt szeretném megcsinálni, itt megtekinthető ami megvan:

    Edit fiddle - JSFiddle

    amikor jó minden (kifér) akkor igy néz ki:

    http://i.stack.imgur.com/tTPiQ.png

    ha összetolom, akkor már nyilván nem jó:

    http://i.stack.imgur.com/59ceK.png

    ehelyett, valami ilyesmit szeretnék elérni:

    http://i.stack.imgur.com/oOb8M.png

    és

    http://i.stack.imgur.com/fn1K0.png

    a pont lehet egy kép, vagy egy div
    Mutasd a teljes hozzászólást!
abcd