Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

menu vorige / volgende probleem

Anoniem
snowman2
12 antwoorden
  • Hoi,

    Ik loop ook tegen een ander probleem aan.
    Ik wil in deze site een volgende / vorige menu maken met plaatjes.
    Maar nu krijg ik het niet voorelkaar om het ene plaatje aan de ene kant van de tekst te krijgen en het andere plaatje aan de andere kant.

    Je kunt mijn uitprobeersel vinden op http://test.tamarawobben.nl/index.html

    Wie o wie kan me helpen ?

    Groetjes,

    Roelof
  • Ik begrijp niet helemaal wat je bedoeld, nou ja, eigenlijk begrijp ik helemaal niet wat je bedoeld. Ik weet alleen wel dat er een fout zit in je HTML. Onderin staat:[code:1:40e12b265a]<div id="besturing>[/code:1:40e12b265a] en dat moet natuurlijk zijn:[code:1:40e12b265a]<div id="besturing">[/code:1:40e12b265a]
  • Ik ben er verder niet zo in gedoken want ik moet aan het werk, maar ik zie dat je die "besturing" div [u:605b6d033a]buiten[/u:605b6d033a] de "right" div hebt geplaatst, waar de rest van dat gedeelte allemaal in staat. Wat gebeurt er als je die besturing div [u:605b6d033a]binnen[/u:605b6d033a] de "right" div plaatst?
  • hoi Goofy,

    Het antwoord kun je zien op :

    http://test.tamarawobben.nl

    Groetjes,

    Roelof
  • Dat ziet er al een stuk beter uit :wink:
  • Yep,

    Ziet er al een stuk beter uit , alleen staan de pijltjes niet op 1 regel.
    Das eigenlijk wel de bedoeling.

    Weet jij hoe ik dit kan bereiken ?

    Roelof
  • Bij problemen altijd de HTML en de CSS valideren bij w3.org
    De CSS doet het daar niet, je bent een " vergeten. (Heeft Drewster al gezegd.)
    wimb
  • Hoi,

    Dank je.
    Alle errors er uitgehaald. Maar het probleem met de pijltjes blijft. Ze staan nog steeds niet op 1 regel.

    Groetjes,

    Roelof
  • Dat onder elkaar komt door de DIVs. Dat zijn blocklevel elementen en die willen altijd onder elkaar. Je kunt het met "span" proberen, maar beter is ze helemaal weg te laten en de ID's bij de images te zetten:
    [code:1:e13831fbc4]
    <div id="besturing">
    <img id="prev-d" src="besturing_files/arrow2.png" alt="pijl" height="12" width="16">
    <img id="next-d" src="besturing_files/arrow.png" alt="pijl" height="12" width="16">
    </div>
    [/code:1:e13831fbc4]
    dan de CSS zonder float, met alleen een margin:
    [code:1:e13831fbc4]
    #besturing {border: 1px solid #000;}
    #prev-d { }
    #next-d { margin-left: 300px;}
    [/code:1:e13831fbc4]
    Met de border kun je de DIV zien . Kan dus weg.
    wimb
  • waarom niet [code:1:5db73f1764]#next-d { float:right }[/code:1:5db73f1764]
  • Hoi,

    Zie nu iets heel raars. Met border staan ze op een rij. Zodra je border 0px doet, komen ze toch weer op verschillende rijen terecht. Ook als je de regel geheel weghaalt. Verder valt me op dat bij mijn resolutie de rechterpijl maar tot de helft komt. Lijkt me niet echt goed.

    Groetjes,

    Roelof
  • Hier staan ze keurig op een rij, (FF2 en IE7). Om de rechterpijl helemaal rechts te krijgen kun je float gebruiken. Wel de volgorde van de plaatjes omdraaien, eerst de float, dan de andere, anders verspringt het weer.
    [code:1:423989abac]
    <div id="besturing">
    <img id="next-d" src="besturing_files/arrow.png" alt="pijl" height="12" width="16">
    <img id="prev-d" src="besturing_files/arrow2.png" alt="pijl" height="12" width="16">
    </div>
    [/code:1:423989abac]
    de CSS
    [code:1:423989abac]
    #besturing {}
    #prev-d {}
    #next-d {float:right;}
    [/code:1:423989abac]
    wimb

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.