Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di henry78
    Registrato dal
    May 2001
    Messaggi
    1,264

    div suggest sopra gli altri elementi

    Ciao a tutti

    sto cercando di modificare uno script che mi sta veramente facendo penare...

    in pratica quando comincio a scrivere in un textbox, compare un div che contiene i suggerimenti per la ricerca (Stile google)

    il div è collegato a questo css:


    .suggestionsBox {
    position:absolute;
    left: 3px;
    background-color:#FFF;
    margin: 10px 0px 0px 0px;
    width: 210px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #000;
    color: #fff;
    }



    .suggestionList {
    list-style-type:none;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    }



    .suggestionList li {
    color:#999;
    list-style-type:none;
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    }



    .suggestionList li:hover {
    list-style-type:none;
    color:#FFF;
    background-color: #659CD8;
    }



    IL problema è che mi sposta totalemente tutti gli altri elementi della pagina facendoli scorrere verso il basso....

    in che modo posso far apparire il div sopra gli altri elementi?

  2. #2
    Utente di HTML.it L'avatar di henry78
    Registrato dal
    May 2001
    Messaggi
    1,264

    Re: div suggest sopra gli altri elementi

    Originariamente inviato da henry78
    Ciao a tutti

    sto cercando di modificare uno script che mi sta veramente facendo penare...

    in pratica quando comincio a scrivere in un textbox, compare un div che contiene i suggerimenti per la ricerca (Stile google)

    il div è collegato a questo css:


    .suggestionsBox {
    position:absolute;
    left: 3px;
    background-color:#FFF;
    margin: 10px 0px 0px 0px;
    width: 210px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #000;
    color: #fff;
    }



    .suggestionList {
    list-style-type:none;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    }



    .suggestionList li {
    color:#999;
    list-style-type:none;
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    }



    .suggestionList li:hover {
    list-style-type:none;
    color:#FFF;
    background-color: #659CD8;
    }



    IL problema è che mi sposta totalemente tutti gli altri elementi della pagina facendoli scorrere verso il basso....

    in che modo posso far apparire il div sopra gli altri elementi?
    ho risolto impostando il div contenitore a position:relative; e il div che contiene i suggest a absolute.

    ciao

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 © 2025 vBulletin Solutions, Inc. All rights reserved.