Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125

    coordinate per div affiancati

    ciao .
    ho due div cne mi fanno da menu. Purtroppo sono inesperto sui css ..cmq.

    ognuno di questi div ha dei div interni per fare le voci del menu..ma questo non interessa.
    VEdiamo il codice da vicino
    Codice PHP:
    <div id="ie5menu" onmouseOver="showMenu(portMenu)">
    <
    div class="menuitems" url="#">Start</div>
    <
    div class="menuitems" url="#">Stop</div>
    <
    div class="menuitems" url="#">Edit</div>
    <
    div class="menuitems" url="deleteConn.php">Delete</div>
    <
    hr>
    <
    div class="menuitems" url="editConn.php">Proprieties</div>
    </
    div>

    <
    div id="portMenu" onClick="jumptoie5()">
    <
    div class="menuitems" url="addSession.php">Add Session</div>

    <
    hr>
    <
    div class="menuitems" url="editPort.php">Proprieties</div>
    </
    div>

    //poi i css
     #ie5menu {
      
    position:absolute;
      
    width:140px;
      
    border:2px solid black;
      
    background-color:menu;
      
    font-family:Verdana;
      
    line-height:20px;
      
    cursor:default;
      
    visibility:hidden;
    }

    #portMenu {
      
    position:absolute;
      
    width:140px;
      
    border:2px solid black;
      
    background-color:menu;
      
    font-family:Verdana;
      
    line-height:20px;
      
    cursor:default;
      
    visibility:hidden;
    }


    //e poi la funzione sull'onmouseover del primo menu
    function showMenu(menu){
    menu.style.left=document.body.scrollLeft+event.clientX;
     
    menu.style.top=document.body.scrollTop+event.clientY;
      
    menu.style.visibility="visible";
      return 
    false;


    quello che vorrei e' che il menu 2 che appare all'onmouseover deve essere esattamente adiacente al primo (il lato destro di menu 1 tocchera lato sinistro di menu 2).


    Spero si sia capito un po....


    grazie ciao

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    up

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    up

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    non è molto chiaro quale sia il menu 2.

    E non capisco perchè usi dei div per fare quella che a prima vista sembra una lista di link (ipotesi avvalorata dalla presenza di una classe menuitems...).

    Forse ti converrebbe strutturarlo con una lista, ne guadagneresti in facilità d'uso e strutturazione migliore del codice

    <ul onmouseOver="showMenu(portMenu)">[*]Start[*]Stop[*]Edit[*]...
    ...[/list]


    se poi vuoi affiancare le voci usa float: left ed una larghezza agli elementi[*]
    se vuoi creare dei divisori tra le voci setta il bordo agli[*] invece di usare un <hr>

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    meglio se resto con i div...che mi sembrano uguali, se riesco a fare queste piccole cose...altrimenti convertiro' tutto alle liste ordinate.

    Ma secondo te, posso oltre a mettere disabled un mio div....dirgli anche che sull'onclick non faccia nulla?

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    up

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.