Vraag & Antwoord

Webprogrammeren & scripting

[CSS] Tekst verschuiven

Anoniem
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.