css su lista - differenze

[semolino]

<style type="text/css">
a {
   color    :#000066;
   font      :  10px verdana;
}

a:link,
a:visited {
   color     : #000000;
}

a:hover,
a:focus,
a:active {
    color    : #FFFFFF;
    background-color: #000000;
}

ul { margin: 0; padding: 0; list-style-type: none; height: auto; overlow: hidden; }
li { float : left; display: inline; margin-right: 10px; }
</style>

Vorrei sapere le seguenti cose:
1. in IE non da problemi: se clicco gli elementi del menu rimangono attivi con riquadro nero e testo bianco.
2. in FF se clicco non rimane bianco e invece del riquadro nero mi rimangono intorno dei puntini.
3. come faccio a mandarli a capo gli elementi con distanza 18px? Ora sono in linea.

grazie mille!!

[ricman]

Ma questo codice l'hai copiato da qualche parte? Certo che gli elementi sono in linea... e doppiamente! Hai sia float:left che display:inline... Toglili e gli LI andranno a capo. Poi ti gestirai i vari height, margin, padding come più ti aggrada.

[semolino]

si avevo trovato un post sul forum e stavo cercando di utilizzarlo... ok
per il punto 1/2? esiste una incompatibilità?

[ricman]

Partendo da una cosa del genere arrivi a qualcosa?_

<style type="text/css">
a {
   display: block;
   width: 100px;
   height: 20px;
   line-height: 20px;
   color    :#000;
   font      :  10px verdana;
   background: #fff;
}

a:hover {
    color    : #FFF;
    background-color: #000;
}

ul { margin: 0; padding: 0; list-style-type: none;}
li { margin-right: 10px; }
</style>

Fai sapere che poi ci aggiustiamo... (scusa ma sono un po' duro e non capisco mai le domande...)

[semolino]

Allora ci siamo quasi... solo un particolare...
- Come faccio ad applicare tutte quelle proprietà solo a quello che c'è dentro ul? Poniamo di chiamare <ul id="nav">

Se lascio cosi com'è le propiretà degli a: vengono date a tutto ciò che è linkabile nelle pagine e di conseguenza imposta tutte le hight andandomi a tagliare dei link immagine.
Se io applicassi le proprietà solo nei link all'interno di ul, non avrei questo problema.
Seconda e ultima cosa: il mio menu, apre un sottomenu; Ho notato che se clicco poi nel secondo menu, il link che era instato di active, si disattiva... come posso fare in modo che rimanga attivo sia il primo link cliccato, sia poi quello del sotto menu? Ovviamente poi quando riclicco il menu principale, si disattiva il sotto menu e cambia si stato il primo...

[ricman]

Originariamente inviato da semolino
- Come faccio ad applicare tutte quelle proprietà solo a quello che c'è dentro ul? Poniamo di chiamare <ul id="nav">

Fai_

HTML
<div id="nav">
  <ul>[*][/list]
</div>

CSS
#nav a {}

oppure se necessario

#nav li a {}

Originariamente inviato da semolino
Ho notato che se clicco poi nel secondo menu, il link che era instato di active, si disattiva... come posso fare in modo che rimanga attivo sia il primo link cliccato, sia poi quello del sotto menu? Ovviamente poi quando riclicco il menu principale, si disattiva il sotto menu e cambia si stato il primo...

Non so... ogni volta che clicchi su un link cambi pagina... quindi riparte tutto da zero...
Ormai sono abituato a fare queste cose in php... e non so risponderti in html

[semolino]

ah perfetto, meglio se php... il fatto è che i link aprono i contenuti nei div, quindi la pagina non cambia effettivamente!!

[ricman]

Originariamente inviato da semolino
ah perfetto, meglio se php... il fatto è che i link aprono i contenuti nei div, quindi la pagina non cambia effettivamente!!

Se conosci il php sarai abituato a lavorare con le variabili... La variabile dirà che pagina vuoi mostrare (il div in cui includere il contenuto)... Usa queste variabili per mantenere gli stati dei link. Più che altro è un po' questione di "fantasia" sul come applicare le cose al proprio caso... ci sarà sicuramente più di un metodo..

[semolino]

No hai ragione, ci avevo pensato ma: se dal menu apro i contenuti in un div, in che modo passo la variabile al menu? è come se dovessi ricaricare internamente anche la parte del menu... ci devo pensare...
capisci cosa dico?

[ricman]

Originariamente inviato da semolino
capisci cosa dico?

No...
Scrivo qualcosa a caso così di getto prendendo da codice che scrissi un po' di tempo fa.... vedi se ci prendi spunto... altrimenti riorganizza la domanda e chiedi sul forum apposito (php)

<?php 
$stile_1 = "";
$stile_2 = "";
$stile_3 = "";
$stile_4 = "";
$stile_menu = "style='color:#37638D;font-weight: bold; background-color: #DFE9F3; border:none'";

switch ($categoria)
{
    case "profilo":
        $stile_1 = $stile_menu;
    break;
    case "attivita":
        $stile_2 = $stile_menu;
    break;
    case "soluzioni":
        $stile_3 = $stile_menu;
    break;
    case "produzione":
        $stile_4 = $stile_menu;
    break;
}
?>
<div>
<ul>
<?php 
    echo "
        [*][url='/$lingua/profilo/azienda.html']" . voce('txt_profilo') . "[/url]
        [*][url='/$lingua/attivita/sviluppo.html']" . voce('txt_attivita') . "[/url]
        [*][url='/$lingua/soluzioni/soluzioni.html']" . voce('txt_soluzioni') . "[/url]
        [*][url='/$lingua/produzione/produzione.html']" . voce('txt_produzione') . "[/url]
    ";
?>[/list]
</div>

Fammi sapere