I link sono proprio quelli del menu. In pratica io ho modificato tutto inserendo il layout da 0 che vedi
Sembra funzionare il menu ma non è proprio così perchè è, quando ci vai sopra con il mouse, leggermente spostato sia in basso che a destra creando un piccolo bordino in alto. Insomma non sono impaginati bene.
E non so dove dover agire per far si che non diano problemi
Il risultato che dovrei ottenere è questo:
http://imageshack.us/photo/my-images/6/linkok.png/ (non c'è nessun bordino e sono allineati perfettamente)
il codice della formattazione del menu è:
#menu {
background-color:#FFF;
height:30px;
width: 900px;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
width: 150px;
}
#menu a {
display:inline;
float: left;
font-weight: bold;
line-height: 30px;
text-align:center;
text-decoration: none;
width: 150px;
height: 30px;
}
#menu a:hover {
background: #DB5600;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
line-height: 30px;
text-align:center;
width: 150px;
height: 30px;
}
mentre quello della index.php è:
<div id="container">
<div id="header">
</div>
<div id="percorso">
<jdoc:include type="modules" name="path" />
</div>
<div id="menu">
<jdoc:include type="modules" name="top" />
</div>
<div id="navigation" class="float">
<jdoc:include type="modules" name="left" />
</div>
<div id="extra"class="float">
<jdoc:include type="modules" name="right" />
</div>
<div id="content" class="float">
<jdoc:include type="component" />
</div>
<div id="footer" class="clear">
<jdoc:include type="modules" name="footer" />
</div>
</div>
modificando in maniera opportuna anche l'xml.
Pensavo che così fosse corretto e non so dove sbaglio.
Che poi spagina di pochissimo...sicuramente c'è qualche impostazione in joomla o qualcosa di simile da modificare ma non so dove...