Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di mt19
    Registrato dal
    Jul 2011
    Messaggi
    180

    Accentramento menu & div visibile/invisibile

    Salve a tutti, mi ritrovo come al solito a scrivere in questo forum in cerca di soluzioni per i miei poveri codici
    Purtroppo anche questa volta ho vari problemi e non solo uno:
    sto facendo un menù in modo tale che, quando ci si passa sopra, questo si ingrandisca verticalmente e mostri delle informazioni. Ecco il mio codice HTML:
    codice:
    <div id="barra-alta">
    	<ul id="menu">
    		[*]Indice
    		[*]Forum
    	[/list]
    	<ul id="menu-statistiche">
    		[*]Utenti:
    		<li class="sta">500
    		[*]Utenti On:
    		<li class="sta-end">10
    	[/list]
    	<ul id="stat-personali">
    		<li class="sta-sta">Bentornato: 
    		<li class="sta">nome
    		[*]Grado: 
    		<li class="sta">Members
    		[*]1 MB
    		[*]Il mio pannello
    		<li class="stap-end">Mailbox
    	[/list]
    </div>
    Il tutto, ovviamente, ampiamente ridotto.
    Ecco il mio codice css: http://www.beetxt.com/8yP/
    (scusate il link ma sarebbe veramente troppo lungo da scrivere qua)

    Primo problema:
    Non riesco a centrare nessuna delle tre liste, ho provato con margin: auto e con l’allineamento del testo centrato, probabilmente sbaglio da qualche parte….
    Secondo problema:
    codice:
    #menu:hover + ul#menu-statistiche {
     	display: block;
    visibility: visible;
    	opacity: 1;
    }
    Con questo codice dico che la tendina venga mostrata solo se id menu è hover, ma in realtà dovrei mettere che venga mostrata quando una qualsiasi parte dell’#barra-alta è in hover, ma se metto #barra-alta:hover + ul#menu-statistiche { per qualche motivo non mi va….

    Terzo problema:
    Sempre in questo css:
    codice:
    #menu:hover + ul#menu-statistiche {
     	display: block;
    visibility: visible;
    	opacity: 1;
    }
    Ho messo praticamente che ul#menu-statistiche venga mostrato, ma io ho bisogno che con lo stesso tempismo venga mostrato anche ul#stat-personali venga mostrato, ma anche se faccio #menu:hover + ul#stat-personali non mi va! Dov’è il problema secondo voi? Mi sembra di aver messo lo stesso codice in entrambi gli ID

    Grazie mille a tutti quelli che leggeranno questo post, ma soprattutto agli admin e mod di HTML.it e ancora di più a quelli che mi aiuteranno (ovviamente)

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    ciao mt19, ricorda di usare sempre il tag [CODE][/CODE] per postare codice sul forum.
    penso che, a chi volesse provare ad aiutarti, farebbe comodo un pagina demo online

    buon lavoro

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.