Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää?
"DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Esim:
Divit menee päällekkäin
8
472
Vastaukset 8
- werewä
< body>
< div style="margin: 0 auto; width: 1000px;">
< div style="float: left; width: 1000px; height: 100px; border: 1px solid #000;">< /div>
< div style="float: left; width: 1000px; height: 100px; border: 1px solid #000;">< /div>
< /div>
< /body>Mikset määritä yksinkertaisesti css tiedostoon/tyyleihin noita ja diveille id?
css:
div#leiska {width: 1000px; height:100px; position:relative; float:left;}
div#tyyli1 {position:absolute; left:0px; top:0px; margin:0px;}
div#tyyli2 {position:absolute; left:0px; top:0px; margin:0px;}
html:
< body>
< div id="leiska">
< div id="tyyli1">< /div>
< div id="tyyli2">< /div>
< /body>
Paljon helpommalla pääset, ja paljon helpompi muokata myöhemmin eikä html tiedostosta tule liian täyteen buukattu.sfinski80 kirjoitti:
Mikset määritä yksinkertaisesti css tiedostoon/tyyleihin noita ja diveille id?
css:
div#leiska {width: 1000px; height:100px; position:relative; float:left;}
div#tyyli1 {position:absolute; left:0px; top:0px; margin:0px;}
div#tyyli2 {position:absolute; left:0px; top:0px; margin:0px;}
html:
< body>
< div id="leiska">
< div id="tyyli1">< /div>
< div id="tyyli2">< /div>
< /body>
Paljon helpommalla pääset, ja paljon helpompi muokata myöhemmin eikä html tiedostosta tule liian täyteen buukattu."Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää? "
selkeä lause :) Siis haluatko ne päällekkäin vai et?
Tuossa sinun koodissa virheenä taitaa olla tuo float. Eli olet määrittänyt sen float:left mutta kun ei olla määritetty divien paikkaa mitenkään. Floatin käyttö yksinään on turhaa, position:relativen kanssa se asentaisi divit vierekkäin vasemmasta alkaen. Jonka ymmärrän.sfinski80 kirjoitti:
"Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää? "
selkeä lause :) Siis haluatko ne päällekkäin vai et?
Tuossa sinun koodissa virheenä taitaa olla tuo float. Eli olet määrittänyt sen float:left mutta kun ei olla määritetty divien paikkaa mitenkään. Floatin käyttö yksinään on turhaa, position:relativen kanssa se asentaisi divit vierekkäin vasemmasta alkaen. Jonka ymmärrän.ja tuosta minun koodista html puolelta tulee vielä divin "leiska" lopetus ennen bodyn sulkua eli
< body>
< div id="leiska">
< div id="tyyli1">< /div>
< div id="tyyli2">< /div>
< /body>sfinski80 kirjoitti:
ja tuosta minun koodista html puolelta tulee vielä divin "leiska" lopetus ennen bodyn sulkua eli
< body>
< div id="leiska">
< div id="tyyli1">< /div>
< div id="tyyli2">< /div>
< /body>Johtuu näemmä tästä suomi24:stä kun poisti sen divin sulun
< body>
< div id="leiska">
< div id="tyyli1">< /div>
< div id="tyyli2">< /div>- sewwer
sfinski80 kirjoitti:
"Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää? "
selkeä lause :) Siis haluatko ne päällekkäin vai et?
Tuossa sinun koodissa virheenä taitaa olla tuo float. Eli olet määrittänyt sen float:left mutta kun ei olla määritetty divien paikkaa mitenkään. Floatin käyttö yksinään on turhaa, position:relativen kanssa se asentaisi divit vierekkäin vasemmasta alkaen. Jonka ymmärrän.Menee ne vierekkäin ilman positioniakin. Kysyjän ongelma taisi olla lähinnä se, että divien lopetustagit olivat sotkussa ja laatikot sen takia menivät toistensa päälle.
- afsf
Siis mitä haluat saada aikaiseksi?
- AP...
La klo 6 kun aloittaa, meinaan hahmottaan html:ää, sitä sokeutuu. Kiitoksia :)
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 831664
Kai mua vähän
Masentaa tämä kaikki. Tämä koko meidän välinen juttu on niin vaikea… Voitaisiinko molemmat lopettaa tilanteen ruokkimine1391243Onko karhukanta jo liian iso? Lenkkeilijä kohtasi kontion juoksulenkillä
Rantasalmella lenkkeilijä kohtasi karhun. Kylällä karhun näkeminen on ollut tosi harvinaista. Onko karhukanta jo liian i126985Vanhat konkarit ulos Elämäni biisistä - Yle selittelee
Elämäni biisi starttaa taas tänä syksynä. Mukana on ripaus uutta, mutta poissa on iso osa vanhaa... Poissa ovat Markku29883S-ryhmän Israel-boikotti liiketalouden opintojen tapausesimerkkinä
Tätä S-ryhmän Israel-boikottitapausta käsitellään jo kauppakorkeakoulujen ja johtamiskorkeakoulujen esimerkeissä. Se ant32825Oot upea nainen, älä vähättele ittees
Ja tietojeni mukaan 2 muuta on susta kiinnostuneit mun lisäks. 👀41778KP-Sesongilla ongelmia?
Tarvitsen luotettavaa katonpuhdistajaa ja kuulin, että KP-Sesonki Oy tekee hommat edullisesti ja asiakkaan tarpeet huomi14694Mitä tehdä kun rakastan yhtä ja olen rakastunut toiseen
Kamala tilanne. Voinko pitää molemmat? 😁68680Mitä vit,,tua!
Mikä hiivatin kommunistien teltta oli kirsikan nurkalla, olivat vähällä jäädä telttoinensa auton alle kun olivat sen kul29666Hyvä Kukkola! toitte tänne taas jotain uutta
Niin sitä pitää! Kehittää oikeasti tarjontaa. Nyt on maut kohdillaan! Käykäähän herkuttelemassa wingseillä ja siipiweikk69640