Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Problema CSS

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    3

    Problema CSS

    Salve a tutti, Ho realizzato un semplice menù verticale per il mio sito all'apparenza semplice ma! Col css mi sono messo nei pasticci!
    Siccome io avendo già una barra con dei button già inseriti e siccome io volendo inserire il menù sotto un bottone, ho effettuato questo codice:
    Codice PHP:
    [url="index.php"]<div id="logo"></div>[/url]
    [
    url="index.php"]<div id="logo"></div>[/url]
    <
    div id="navigation">

        <
    ul>
            [*][
    url="index.php"]Home[/url][*][url="index.php?sys=registrazione"]Registrazione[/url]
            <
    div id="navigation1">
            [*][
    url="index.php?sys=classifica"]Classifica[/url]
            <
    ul>
            [*][
    url="/quellochevuoi.php"]riga1[/url]
               [*][
    url="/quellochevuoi.php"]riga2[/url]
            [*][
    url="/quellochevuoi.php"]riga3[/url]
            [*][
    url="/quellochevuoi.php"]riga4[/url]
            [/list]
        
    </
    div>[*][url="index.php?sys=shop"]Item-Shop[/url][*][url="index.php?sys=sbug"]Sbugga Pg[/url][*][url="index.php?sys=supporto"]Supporto Tecnico[/url]
        [/list]

    </
    div
    Il problema e che siccome ho incluso 'navigation' e 'navigation1' dove navigation ha i bottoni.png e navigation1 non li ha, nel sito mi ritrovo col menu con i bottoni di navigation!
    Come posso fare un opzione o almeno trovare il modo di levare i bottoni visibili sul menù?
    Cosa mi consigliate di fare?
    Ecco la struttura di navigation e navigation1:
    Codice PHP:

    /* <------------------> */
    /* Elementi */
    /* <------------------> */

    #navigation {
        
    background:url(images/navigation.png);
        
    width:800px;
        
    height:46px;
        
    margin:auto;
    }
        
    #navigation ul {
            
    width:800px;
            
    margin:auto;
             
    padding:0;
             list-
    style:none;
             
    width:700px;
        }
        
            
    #navigation ul li {
                
    float:left;
                 
    width:110px;
                
    border:0;
                
    margin-left:5px;
      }
          
    #navigation1 li a:hover{

                
    text-decoration:none;
                }
          
    #navigation1 li ul{
            
    background:url(images/buttonbar.png);
            
    border-left:1px solid #000000;
            
    border-right:1px solid #000000;
            
    border-bottom:1px solid #000000;
            
    display:none;
            
    height:auto;
            
    filter:alpha(opacity=0);
            
    opacity:0.9;
            
    position:absolute;
            
    width:115px;
            
    z-index:200;
             
    top:241px;
            
    left:680px;
            }
        
    #navigation1 li:hover ul{
            
    display:block;
            }
        
    #navigation1 li li {
            
    display:block;
            
    float:none;
            
    width:115px;
            }
        
    #navigation1 li ul a{
            
    display:block;
            
    font-size:10px;
            
    font-style:arial-black;
            
    padding:0px 1px 0px 1px;
            
    text-align:center;
            }
        
    #navigation1 li ul a:hover{
                
    opacity:1.0;
                
    filter:alpha(opacity=0);
                }
        
    #navigation1 p{
            
    clear:left;
            }
        
    #navigation li {
      
    background:url(images/button.pngno-repeat;
            
    display:block;
            
    width:112px;
            
    height:36px;
            
    line-height:35px;
            
    text-align:center;
            
    font-size:14px;
            
    text-decoration:none;
            
    color:#CCC;
            
    margin-top:4px;
        }

                
    #navigation li:hover {
                    
    background:url(images/buttonh.pngno-repeat;
                    
    color:#FFF;
            
        
    }
        
    #navigation1 ul {
            
    width:800px;
            
    margin:auto;
             
    padding:0;
             list-
    style:none;
             
    width:700px;
        }

            
    #navigation1 ul li {
                
    float:left;
                 
    width:110px;
                
    border:0;
                
    margin-left:5px;
      }
        
    #navigation1 li {
            
    display:block;
            
    width:112px;
            
    height:36px;
            
    line-height:35px;
            
    text-align:center;
            
    font-size:14px;
            
    text-decoration:none;
            
    color:#CCC;
            
    margin-top:4px;
        }

                
    #navigation1 li:hover {
                    
    background:url(images/buttonh.pngno-repeat;
                    
    color:#FFF;

        

    Saluti

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2009
    Messaggi
    777
    mi sa che entrano in conflitto e vince quello più alto nella gerarchia dei div

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    3

    :)

    Si fino a li c'ero arrivato ho cercato una soluzione anche fra i due navigation ma nulla da fare..

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    benvenuto nel forum booZe, ti invito a prendere visione del regolamento in evidenza per la parte relativa ai titoli delle discussioni, grazie
    Vuoi aiutare la riforestazione responsabile?

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

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.