Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    327

    Come inserire un <ul> esattamente in un punto del div in tutti i browser

    Buon giorno ragazzi.
    Come da titolo mi piacerebbe inserire all.'interno di un div (banner) un <ul>..
    L'effetto che ne dovrebbe venir fuori, è un'immagine con in basso al centro i pulsanti:

    codice:
    <div id="banner">
    <div id="pro6">
    <ul>
    <li class="current">Negozio[*]Feedback[*]Pagamento[*]Spedizione[*]Recesso e Privacy[*]F.A.Q.[*]Contattaci[/list]
    </div>
    </div>
    e qui c'è il css
    codice:
    #banner{margin:auto;margin-top:20px;margin-bottom:20px;width:800px;height:300px;background:url(http://www.fabriziocasella.com/ilveroaffare/banner.gif); }
    #pro6 ul {margin:0 auto; padding:0px; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative;top:220px;left:auto; background:#000; font-size:11px;}
    #pro6 li {display:table-cell; margin:0; padding:0;}
    #pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(http://www.fabriziocasella.com/ilver...pro_six/0a.gif) no-repeat;}
    #pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(http://www.fabriziocasella.com/ilver...pro_six_0b.png) no-repeat right top;}
    #pro6 li a:hover {color:#fff; background: url(http://www.fabriziocasella.com/ilver...pro_six_1a.gif) no-repeat;}
    #pro6 li a:hover b {background:url(http://www.fabriziocasella.com/ilver...pro_six_1b.gif) no-repeat right top;}
    Con questo codice, a volte va, a volte no... mi piacerebbe modificarlo, per renderlo compatibile con almeno firefox safari e IE intendo le ultime versioni..
    e qualche santo mi potesse dare una mano gli sarei riconoscente a vita..

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    esattamente in un punto
    Questo a prima vista richiede un posizionamento assoluto.
    Non ho pero` analizzato il tuo codice (formattato male per i miei gusti), per cui non so se nel tuo caso si puo` applicare senza effetti collaterali.

    Comunque prima di usare i posizionamenti, studiati per lo meno questi articoli:
    I posizionamenti assoluti
    Capire i posizionamenti relativi
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    327
    Ti ringrazio, ho risolto.

    Perchè dici che questo a prima vista richiede un posizionamento assoluto? Non è possibile posizionare un <ul> esattamente alle coordinate (x,y) di un div?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Certo che e` possibile. Si fa con un posizionamento assoluto.
    In realta` forse si fa anche con un posizionamento relativo, ma sicuramente no con il posizionamento statico (quello di default).

    Pero` i posizionamenti molte volte danno effetti collaterali, per cui e` sconsigliabile usarli a meno che non sia necessario (che non si possa fare altrimenti).


    PS: se hai risolto in modo diverso, posta qui, in modo che possa servire anche ad altri.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    327
    Originariamente inviato da Mich_
    PS: se hai risolto in modo diverso, posta qui, in modo che possa servire anche ad altri.
    Solitamente lo faccio.. ti spiego perchè adesso non l'ho fatto.
    "Ho risolto" è relativo, perchè in verità il codice non conteneva errori, non l'ho toccato, quindi se a qualcuno serve può adoperarlo.. E' un bell'effetto.. preso da stu nichols.. E' una bella alternatica al classico rollover.
    Il problema stava nel fatto che questo codice lo andavo ad inserire in un software (turbolister, serve per inviare le inserzioni su ebay) che andava a sporcare il codice preesistente e quindi dava fastidi.. tolto turbolister, tolto l'errore..

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.