Centrare il contenuto di <li>

**Saretta883** · 06-12-2011, 09:57

questa è la struttura della pagina:

Codice PHP:


<body>

    <div id="nav">

        <ul>

        <?php

        $j=1;

        echo("[*][url='bianca2.php']Home[/url]");

        while (($riga=oci_fetch_array($queryprima, OCI_NUM))){

            echo("[*]<h3 id='".$riga[1]."'>".$riga[1]."</h3><ul>");    

            while (($row=oci_fetch_array($queryseconda, OCI_NUM))){

                    if($totale_macro!=1){

                    for($i=0;$i<$totale_macro;$i++){

                    $macro_utente=$macro[$i];

                    if ($row[1]==$macro_utente){ 

    [COLOR=deeppink]echo ('<li id="interno">[url="'.$row[3].'"]'.$row[2].'[/url]');[/COLOR] 

                }

                }

            }else{

            if ($row[1]==$macro){                     [COLOR=deeppink]echo ('<li id="interno">[url="'.$row[3].'"]'.$row[2].'[/url]');[/COLOR]                 }

            }

        }

        echo('[/list]
');

        $j++;

    }

    ?>

    [/list]

</div>

</body>

Quelle scritte in rosa sono le parole del menu che io vorrei fossero centrate, vi allego anche un''immagine.
Questo è il codice del CSS:

codice:

div#nav{width:170px; margin-left: 30px;/*background: #00005A;background: white;*/ background: #CAF4FF;
    border: 0px solid #00005A; font: 11px Arial, Helvetica, sans-serif}
div#nav h3{font: Verdana; color: #FFFFFF; font-size: 120%; margin: 0;/*padding: 4px 10px;*/padding: 15px 10px; /*padding-right:100; */
    border-top: 1px solid #FFF;/*color: #000;background-color: #7BA5E7*/background-color: rgb(17,79,147)}
div#nav ul,div#nav li{margin: 1; padding: 0; list-style-type: none}
div#nav li{margin: 0 0 1px 0}
div#nav a{display: block; padding-left: 15px; /*padding-right: 100px;*/ height: 18px; line-height: 18px;
    border-top: 1px solid #FFF; background-color: #BDBDBD; color: #000;
    text-decoration: none; font-weight: bold}
div#nav a:hover{color: #00005A; background-color: #0099FF; height: 40px;}
div#nav ul ul a{color: #333; background-color: #AECDFF; font-weight: normal; font-size: 90%; font: Verdana;} 
li#interno{color: #333; background-color: #AECDFF; font-weight: normal; font-size: 100%; font: Verdana; height: 40px; }


div.jsenable h3{cursor: pointer}
div.jsenable ul ul{display:none}
div#nav li.hide ul{display:none}
div#nav li.show ul{display:block}
div#nav li.show h3{background-color: #000000} 

div#nav{top:10%; position:absolute}

Come posso centrare la scritta???

**ldetomi** · 06-12-2011, 11:01

Non chiederci di spulciarti decine di righe di codice che per di più sforano in orizzontale nella pagina del forum e sono infarcite di php.....

Posta un link a una versione SEMPLIFICATA del tuo problema e poi proviamo in tempo reale e vediamo come fare....

**Saretta883** · 06-12-2011, 11:25

La struttura è questa:

codice:

<body> 
    <div id="nav"> 
        <ul> [*]Home[*]<h3 id='".$riga[1]."'>".$riga[1]."</h3>
                 <ul>
                     <li id="interno">'.$row[2].'[/list]
            
[/list]
     </div> 
</body>

**ldetomi** · 06-12-2011, 11:44

Ti ho chiesto un link...... così almeno si può provare in tempo reale... inoltre anche il codice css va ripulito e postato una regola per ogni riga, altrmenti è un grattacapo....

Non puoi caricare una pagina di prova con solo il riquadro del tuo problema e solo il codice strettamente necessario a visualizzarlo? In quel modo, proviamo direttamente dal browser, visualizziamo il problema, effettuiamo le prove con strumenti tipo firebug e vediamo come si risolve......

**Saretta883** · 06-12-2011, 12:28

Mi dispiace ma non posso caricare una pagina di prova....altrimenti l'avrei fatto!!!

**ldetomi** · 06-12-2011, 12:50

Vabbè pazienza... non è chiaro però cosa vuoi centrare. Nel menù dello screenshot vuoi centrare tutti i links?? O solo l'intestazione del sommario?

**Saretta883** · 06-12-2011, 12:53

Vorrei centrare tutti i links....

**ldetomi** · 06-12-2011, 13:11

la semplice regola

codice:

LI
{
  text-align:center;
}

non funziona????

**Saretta883** · 06-12-2011, 13:33

No....non funziona....

O meglio allinea al centro orizzontalmente mentre io vorrei che rimanesse allineato a sinistra orizzontalmente e allineato al centro verticalmente. Non so se mi sono spiegata!!!

**ldetomi** · 06-12-2011, 14:25

Adesso sì che ti sei spiegata ma.... cavoli.... era la prima cosa che dovevi dire

Quando si parla di allineamento al centro si dà per scontato quello orizzontale, non verticale....

Cmq, imposta il line-height alla stessa altezza del contenitore. Se per esempio imposti qualcosa tipo:

codice:

LI
{
  height:30px;
{

Allora forza anche il line-height con lo stesso valore

codice:

LI
{
  height:30px;
  line-height:30px;
{

Discussione: Centrare il contenuto di <li>

Strumenti discussione

Ricerca discussione

Visualizza

Centrare il contenuto di <li>

Permessi di invio