Menù

[Gae58]

Salve,

in allegato posto 2 immagini.
Menu1 Visualizzazione tramite firefox
Menu1 Visualizzazione tramite ie o chrome

Ho 2 problemi:
In Menu1 è tutto inquadrato, tranne il nome utente che vorrei mettere tutto a dx, ma non ci riesco e va a capo

Mentre in Menu2 c'è il menù ed i div che non funzionano.

QUalcuno mi può aiutare?

grazie

Gaetano

[Gae58]

scusate mi sono dimenticato le immagini

non sapendo come fare per allegare 2 immagini inserisco 2 messaggi.

Se ciò non fosse possibile chiedo scusa in anticipo

[Gae58]

seconda immaghine

[Prill]

Bisognerebbe vedere html e css della pagina

[Gae58]

DI seguito codice PHP con richiamo di funzioni

ed a seguire CSS, spero di aver scritto tutto bene

ciao e grazie

Function MenuOri() {
    echo "

 [b]MENU'[/b] ";
        echo '<ul>';
            echo "[*] <a href=\"Vuoto.php?Chi=Ges\"> Gestione</a>        ";
            echo "[*] <a href=\"Vuoto.php?Chi=Tab\"> Tabelle</a>         ";
            echo "[*] <a href=\"Vuoto.php?Chi=Amm\"> Amministratore</a> ";
        echo '[/list]';
        $Utente = 'Utente ';
            if (isset($_SESSION['Utente'])) {
                $Utente .= $_SESSION['Utente']."  [".$_SESSION['Ufficio']."] [url='Login.php?Esci=S']Logout[/url]";
             } else {
                $Utente .= 'NON COLLEGATO';
             }
    echo $Utente;
    echo " </p>";
}        


Function MenuVer( $Chi ) {
    // Switcha tra il Menù di Gestione e delle Tabelle
    if ( $Chi == 'Ges') {
        echo '<ul>';
            echo '[*] [url="Assegnazioni.php"] Assegnazioni[/url] ';
            echo '[*] [url="Contratti.php"]       Contratti[/url]    ';
            echo '[*] [url="Fatture.php"]       Fatture[/url]         ';
            echo '[*] [url="Impegni.php"]       Impegni[/url]         ';
            echo '[*] [url="Ripartizioni.php"] Ripartizioni[/url] ';
        echo '[/list]';
    }elseif ( $Chi == 'Tab') {
        echo '<ul>';
            echo '[*] [url="AssegnazioniTipo.php"]    Assegnazioni Tipo[/url] ';
            echo '[*] [url="Banche.php"]            Banche[/url]               ';
            echo '[*] [url="Capitoli.php"]            Capitoli[/url]           ';
            echo '[*] [url="CodGestionali.php"]        Cod. Gestionali[/url]   ';
            echo '[*] [url="Comuni.php"]            Comuni[/url]               ';
            echo '[*] [url="ContrattiTipo.php"]        Contratti Tipo[/url]       ';
            echo '[*] [url="Fornitori.php"]            Fornitori[/url]           ';
            echo '[*] [url="Pagamenti.php"]            Pagamenti[/url]           ';
            echo '[*] [url="Regioni.php"]            Regioni[/url]           ';
            echo '[*] [url="Tesorerie.php"]            Tesorerie[/url]           ';
            echo '[*] [url="Uffici.php"]            Uffici[/url]               ';
        echo '[/list]';
    }elseif ( $Chi == 'Amm') {
        echo '<ul>';
            echo '[*] [url="Utenti.php"]     Utenti[/url]       ';
            echo '[*] [url="TabelleCrea.php"]Crea Tabelle[/url] ';
            echo '[*] [url="Upload.php"]     Upload[/url]       ';
        echo '[/list]';
    }
} 

File CSS:
#MenuOri{
background-color: orange;
padding: 2px;
padding-left: 60px;
vertical-align: middle;
}
#MenuOri p{
float: left;
text-transform: uppercase;
}
#MenuOri ul{
}
#MenuOri li{
display: inline;
font-weight: bold;
}
#MenuOri a:link, a:visited {
width: 120px;
color: #FFFFFF;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
#MenuOri a:hover, a:active {
background-color: #7A991A;
}


#MenuVer{
float: left;
width: 15%;
background-color: #ff9900;
//text-transform: uppercase;
text-align: center;
}
#MenuVer ul{
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#MenuVer li{
}
#MenuVer a:link, a:visited {
display: block;
color: #FFFFFF;
padding-top: 5px;
padding-left: 20px;
text-decoration: none;
}
#MenuVer a:hover, a:active {
background-color: #7A991A;
}

[Prill]

Chiedevo il codice html, non php (se apri la pagina col browser e ne visualizzi il sorgente, avrai l'html risultante)

[Gae58]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta name="author" content="Gaetano Leoni" />
<meta name="revised" content="26/02/2012" />


<meta name="description" content="Consulenza e Sviluppo Software Web e DeskTop">
<meta name="keywords" content="HTML, CSS, XML">

<link rel="stylesheet" type="text/css" href="../Base.css" />
<title>Gestione Tipo di Assegnazione</title>

</head>

<body>

<div id="Raggruppa">
<div id="Intestazione">
<h1 class="Intestazione" > Gestione Contabile D.G.T.</h1> [img]Img/Logo.png[/img] </div>

<div id="MenuOri">


MENU' <ul>[*] Gestione [*] Tabelle [*] Amministratore[/list]Utente Gaetano [] Logout </p> </div>

<div id="MenuVer">
<ul>[*] Assegnazioni Tipo[*] Banche [*] Capitoli [*] Cod. Gestionali[*] Comuni [*] Contratti Tipo [*] Fornitori [*] Pagamenti [*] Regioni [*] Tesorerie [*] Uffici [/list] </div>

<div id="Contenitore">
<h1>Tipo di Assegnazione</h1>
<form action="AssegnazioniTipoInMoCa.php" name="Grid" method="POST">
<table id="tableGrid">
<tr> <th> Prog. </th><th> <a href='AssegnazioniTipo.php?Ind=Descrizione' Descrizione </th><th> <a href='AssegnazioniTipo.php?Ind=Tipo'</a> Tipo </th><th></th> <th>Cancella</th> </tr>
<tr class=alt> <td>8</td> <td>Aaaaaaaa</td> <td align='center'>Cassa</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="8"> </td></tr><tr class=> <td>1</td> <td>Cassa</td> <td align='center'>Cassa</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="1"> </td></tr><tr class=alt> <td>2</td> <td>Competenza</td> <td align='center'>Compet</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="2"> </td></tr><tr class=> <td>3</td> <td>Competenza E Cassa</td> <td align='center'>ComCas</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="3"> </td></tr><tr class=alt> <td>4</td> <td>Residui Di Lettera F</td> <td align='center'>LetF</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="4"> </td></tr><tr class=> <td>5</td> <td>Residui Di Lettera F E Cassa</td> <td align='center'>LetFCa</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="5"> </td></tr><tr class=alt> <td>6</td> <td>Residuo</td> <td align='center'>Residu</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="6"> </td></tr><tr class=> <td>9</td> <td>Residuo Di Lettera F</td> <td align='center'>LetteF</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="9"> </td></tr><tr class=alt> <td>7</td> <td>Residuo E Cassa</td> <td align='center'>ResCas</td><td> Visualizza </td><td align='center'> <input name="Del" type="checkbox" value="7"> </td></tr> </table>



<table align="center" border="0">
<tfoot>
<tr> <td> <input type="submit" name='Inserimento' value="Inserimento"> </td>
<td> <input type="submit" name='Cancella' value="Cancella" > </td>
<td> </td>
<td> <input type="submit" name='MovTo' value="Totale Mov. 0 Pag. 0"> </td>
<td> <a href="/dgt/AssegnazioniTipo.php?Pag=-1"</a> < Pag. </td>
<td> <a href="/dgt/AssegnazioniTipo.php?Pag=1"</a> Pag. > </td>
</tr>
</tfoot>
</table>
</form>
</div>

<div id="Piede">
Software G&L di Leoni Gaetano Copyright © [P.iva 01237000623] info@softwaregl.it tel/fax 0824 778035 </div>
</div>
</body>
</html>

[Marcolino's]

E che è tutta questa spaghettata?
Comunque troppi nobreakspace (& nbsp creano problemi perché non hanno una spaziatura fissa, meglio affidarsi solo ai css per formattare la pagina.
Manca un meuOri a che definisca lo stile delle ancore a prescindere da hover, link eccetera. E' su A che devi definire spaziature e posizione active, hover, visited devono solo contenere le trasformazioni.

[Gae58]

mi potresti dare una mano per capire meglio come fare?

[Prill]

css modificato

#MenuOri{
background-color: orange;
padding: 2px;
}
#MenuOri span{
width:100px;
float:left;
margin-left: 60px;
display:block;
}
#MenuOri #utente{
clear:both;
text-transform: uppercase;
text-align:right;
padding-right:10px;
}
#MenuOri ul{
width:500px;
}
#MenuOri li{
display: inline;
font-weight: bold;
}

#MenuOri a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding:4px;
}

#MenuOri a:hover, #MenuOri a:active {
background-color: #7A991A;
}


#MenuVer{
float: left;
width: 15%;
background-color: #ff9900;
text-transform: uppercase;
}
#MenuVer ul{
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#MenuVer a {
display: block;
color: #fff;
padding-top: 5px;
padding-left: 20px;
text-decoration: none;
}
#MenuVer a:hover, #MenuVer a:active {
background-color: #7A991A;
}

html modificato

<div id="MenuOri">
  <div><span>MENU</span>
    <ul>                       [*] Gestione[*] Tabelle[*] Amministratore[/list]
  </div>
 <div id="utente">Utente Gaetano [] Logout</div>
</div>