Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[CSS] Tekst verschuiven

MichielPH
2 antwoorden
  • Gedaag,

    Ik gebruik deze code als menu, als ik op een 'map' klik verschijnt wat er onder die map staat en verdwijnt de rest:

    [code:1:43e48a07c9]<script type="text/javascript">

    <!–
    var time = 3000;
    var numofitems = 3;

    //menu constructor
    function menu(allitems,thisitem,startstate){
    callname= "gl"+thisitem;
    divname="subglobal"+thisitem;
    this.numberofmenuitems = 3;
    this.caller = document.getElementById(callname);
    this.thediv = document.getElementById(divname);
    this.thediv.style.visibility = startstate;
    }

    //menu methods
    function ehandler(event,theobj){
    for (var i=1; i<= theobj.numberofmenuitems; i++){
    var shutdiv =eval( "menuitem"+i+".thediv");
    shutdiv.style.visibility="hidden";
    }
    theobj.thediv.style.visibility="visible";
    }

    function closesubnav(event){
    if ((event.clientY <48)||(event.clientY > 107)){
    for (var i=1; i<= numofitems; i++){
    var shutdiv =eval('menuitem'+i+'.thediv');
    shutdiv.style.visibility='hidden';
    }
    }
    }
    // –>
    </script>
    <style type="text/css">
    <!–
    .style2 {font-size: 14px}
    .style4 {font-family: Tahoma; font-weight: bold;}
    –>
    </style>
    </head>
    <body>
    <div id="masthead">
    <!– end globalNav –>
    <a href="#" class="glink" id="gl1" onClick="ehandler(event,menuitem1);"><img src="../images/map.JPG" width="40" height="39" border="0"></a>
    <div id="subglobal1" class="subglobalNav">
    Dniketje 1<br>
    Tralala 2
    </div>
    <a href="#" onClick="ehandler(event,menuitem2);"><img src="../images/map.JPG" border="0" align="absmiddle"></a>
    Vrouwen
    <div id="subglobal2">
    Jessica Alba <br>
    Hilary Duff <br>
    Neve Campbell</p>
    </div>

    <a href="#" onClick="ehandler(event,menuitem3);"><img src="../images/map.JPG" border="0"></a>
    <div id="subglobal3" class="subglobalNav">
    Optie 1<br>
    Optie 2
    </div>
    <script language="" type="text/javascript">
    <!–
    var menuitem1 = new menu(7,1,"hidden");
    var menuitem2 = new menu(7,2,"hidden");
    var menuitem3 = new menu(7,3,"hidden");
    var menuitem4 = new menu(7,4,"hidden");
    var menuitem5 = new menu(7,5,"hidden");
    var menuitem6 = new menu(7,6,"hidden");
    var menuitem7 = new menu(7,7,"hidden");
    // –>

    </script>
    </div> [/code:1:43e48a07c9]

    Nu wil ik dat als de tekst er niet staat, de ruimte er tussen ook verdwijnt. Hoe doe ik dit?

    VB:

    [Map] Optie 1
    Sub 1
    Sub 2
    [Map] Optie 2


    [Map] Optie 3

    De ruimte tussen optie 2 en 3 moet weg omdat er op dit moment niets staat.
  • Gebruik niet

Beantwoord deze vraag

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