12 berichten aan het bekijken - 1 tot 12 (van in totaal 12)
  • Q:
    Bijdrager
    Ni3l55

    [Opgelost] tekst netjes in Div element; HTML/CSS

    Beste OMT’ers,

    Ja, ik weet het. Ik heb weer een vraag over HTML/CSS:idea:

    Nu ik weet hoe ik een div element ergens random in een andere div kan plaatsen, was ik van plan om in die verschillende div elementen tekst te schrijven.

    Maar hoe doe ik dit precies?

    Ik heb nu dit:

    en met tekst:

    Hoe kan ik er voor zorgen dat de tekst er gewoon netjes in staat en de div elementen niet verschuiven

    Code
    #Box/ <div id=”box”> is het lichtblauwe div element
    #ad/ <div id=”ad”> is het donkerblauwe div element
    #Menu/ <div id=”Menu”> is het gele div element

    Alvast bedankt,
    Niels

    Bijdrager
    Wyodor

    Text in #box div NA de #ad div.

    Voorbeeld :

    http://home.wyodor.net/demoos/misc/divboxtext.html

    Bijdrager
    Ni3l55

    Ik snap niet wat je bedoelt Wyodor.

    Inactief
    Anoniem

    Ik zou een vierde div aanmaken voor de hoofdtekst. Die float je dan links.

    Bijdrager
    Wyodor

    Kijk eens naar de bron van de pagina.

    En dan heel veel oefenen.

    Bijdrager
    Koning Frank

    Ik zou vooral niet doen wat koen zegt. Wyodor heeft de goede oplossing. Als je goed naar z’n broncode kijkt, dan kom je er wel uit.

    Bijdrager
    Ni3l55

    Ik heb zowel Wyodor als Koens oplossing geprobeerd, en het is bij beide gelukt:

    Bedankt!

    Inactief
    Anoniem
    No_Name op 01 juli 2013

    Ik zou vooral niet doen wat koen zegt.

    Prima, maar kun je dan ook aangeven waarom dat geen goede oplossing is? Leer ik ook nog eens wat.

    Bijdrager
    Wyodor

    Een extra div links is niet per se fout. Het is maar wat je wilt.

    Hier met extra kolom links :

    http://home.wyodor.net/demoos/misc/divboxtextcol.html

    En hier nog twee uit de oude doos :

    http://www.wyodor.net/Centered/absolute.html
    http://www.wyodor.net/Centered/

    Bijdrager
    Koning Frank
    koen op 01 juli 2013
    No_Name op 01 juli 2013

    Ik zou vooral niet doen wat koen zegt.

    Prima, maar kun je dan ook aangeven waarom dat geen goede oplossing is? Leer ik ook nog eens wat.

    Wyodor’s manier is netter

    Inactief
    Anoniem

    “Netter” is wat anders dan “de goede oplossing”.

    Kun je wat specifieker zijn?

    Bijdrager
    Wyodor

    Mijn tweede voorbeeld geeft precies weer wat koen eerder voorstelde.

    Je hebt nu een aparte kolom links. Terwijl in mijn eerste voorbeeld de text rond de #ad box vloeit.

    Het maakt gebruik van het eerste voorbeeld door de 2 alineas text in een div te vangen en links te floaten..

    Beide zijn niet goed of fout. Het is maar wat je wilt.

    Het waarom dat het werkt is omdat de text(box) NA de #ad box komt in de code. En niet ervoor, zoals de vragensteller het aankaartte.

    De “netheid” is wellicht zichtbaar in de code.

    Maar goed, een Potemkin dorp zag er ook netjes uit.

12 berichten aan het bekijken - 1 tot 12 (van in totaal 12)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.