Menu: Non riesco ad applicare lo stile

[TheBestNeo]

Il menu non prende gli stili che gli ho applicato, il menu è posizionato nel footer:

Codice: [Seleziona]

<div id="contentbtm_bar">
      <span class="left"><jdoc:include type="modules" name="footer"/></span>
      </div>
e questi gli stili del div:

Codice: [Seleziona]

#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }
.menu_footer{list-style-type: none;}

#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }

#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}

#contentbtm_bar a:hover {text-decoration:none; color: #fff;}

#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}

#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}
Ho aggiunto il suffisso css "_footer" e tolto lo stile della lista.

Ho anche impostato un separatore di lista, che però non viene visualizzato.

Dove sbaglio??
Grazie

[conti1]

ciao
tanto x dirne una .
qui non vedo il suffisso che hai dato al menu.

Codice: [Seleziona]

#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }
.menu_footer{list-style-type: none;}

#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }

#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}

#contentbtm_bar a:hover {text-decoration:none; color: #fff;}

#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}

#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}se possibile posta il link del sito.

[TheBestNeo]

ciao
tanto x dirne una .
qui non vedo il suffisso che hai dato al menu.

Codice: [Seleziona]

#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }
.menu_footer{list-style-type: none;}

#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }

#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}

#contentbtm_bar a:hover {text-decoration:none; color: #fff;}

#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}

#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}se possibile posta il link del sito.

c'è la classe menu_footer, _footer era il suffisso.
Perchè, penso, che la classe predefinita .menu mi sovrascrivesse gli stili dei div che contengono il menu.

Comunque il sito non è ancora online quindi non posso linkare...

[conti1]

ciao
scusa oh il mio monitor mi nasconde le scritte oh sono diventato ceco io.
dimmi tu dove vedi il tuo suffisso  in questo css postato da te .?

Codice: [Seleziona]

#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
sicuro di aver capito come funziona un suffisso?
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F

[TheBestNeo]

Guardando con firebug, al nuovo menu veniva comunque associata la classe "menu".
Come tipo menu ho lasciato "lista", dunque nel codice che ne viene fuori ho:

Codice: [Seleziona]

<ul class="menu_footer">
<li class="item5"></li>
<li class="item6"></li>
<li class="item7"></li>
<li class="item8"></li>
<li class="item9"></li>
</ul>


[TheBestNeo]

Un aiutino???

[conti1]

allora vediamo se in questo modo riesco a farmi capire dove tu  sbagli
guarda il menu left hai un meni di colore  grigio con un suffisso _darkgrey
controlla il tutto con  firebug e vedrai come e composto un css con suffisso personalizzato.
http://www.contiweb.altervista.org/
 ti ho postato pure un link di guida  come si fa un suffisso ma continui a fare di testa tua .
metti in pratica quello che leggi .
ripeto  non basta mettere un suffisso solo al modulo ti devi ricreare tutto il css con  il tuo suffisso  aggiuntivo , solo in questo modo vedrai la tua grafica.

[TheBestNeo]

allora vediamo se in questo modo riesco a farmi capire dove tu  sbagli
guarda il menu left hai un meni di colore  grigio con un suffisso _darkgrey
controlla il tutto con  firebug e vedrai come e composto un css con suffisso personalizzato.
http://www.contiweb.altervista.org/
 ti ho postato pure un link di guida  come si fa un suffisso ma continui a fare di testa tua .
metti in pratica quello che leggi .
ripeto  non basta mettere un suffisso solo al modulo ti devi ricreare tutto il css con  il tuo suffisso  aggiuntivo , solo in questo modo vedrai la tua grafica.

Pardon non avevo capito quello che avevi detto e quindi pensavo di non aver esposto bene il mio problema.
Invece che ricreare tutto il css per il menu, c'è modo di annullare quello che c'è? Devo effettuare l'override di qualche modulo?

Grazie per la pazienza.

[TheBestNeo]

Continua il problema, per esempio Firebug riscontra che a:hover ha carattere bianco, ma non lo applica.
Non capisco cosa impedisca l'applicazione degli stili.

Codice: [Seleziona]

<div id="contentbtm_bar">
      <span class="left"><ul class="menu_footer"><li class="item5"><a href="/francescadantimi/index.php"><span>Home</span></a></li><li class="item6"><a href="/francescadantimi/index.php?option=com_atomicongallery&amp;view=atomicongallery&amp;Itemid=6"><span>Portfolio</span></a></li><li class="item7"><a href="/francescadantimi/index.php?option=com_contact&amp;view=contact&amp;id=1&amp;Itemid=7"><span>Contattami</span></a></li><li class="item8"><a href="/francescadantimi/index.php?option=com_content&amp;view=article&amp;id=8&amp;Itemid=8"><span>Curriculum Vitae</span></a></li><li class="item9"><a href="/francescadantimi/index.php?option=com_user&amp;view=login&amp;Itemid=9"><span>Login</span></a></li></ul></span>
      </div>
E il css relativo a questa parte:

Codice: [Seleziona]


#contentfooter {background: url(../images/contentbtm_bg.jpg) repeat;}

#cf_inner {background: url(../images/contentbtm_top.jpg) center top no-repeat; padding:7px 10px 0 10px; height:50px; }

#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }

#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }

#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}

#contentbtm_bar a:hover {text-decoration:none; color: #fff;}

#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}

#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}

.menu_footer{list-style-type: none;}
.menu_footer span{float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
.menu_footer a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}

.menu_footer a:hover {text-decoration:none; color: #fff;}

.menu_footer .left {float: left; width:100%; padding: 10px 0 0 10px;}

.menu_footer .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}

Non riesco proprio a capire, grazie.

[conti1]

rileggi all'infinito fino a a consumare lo scroll
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F
e quando pensi di aver capito  prova a mettere in pratica quello che letto .
non ci sono molti modi  se non esegui il suffisso nel css che devi personalizzare non funzionerà mai.
altro non so che dire
piu che averti fatto vedere anche un esempio  di un mio sito  e non ci arrivi  a capire che il suffisso va sui css interessati  e non solo sul modulo  come stai facendo  , non vedrai mai  il cambiamento .
DEVI RICREARE  TUTTO IL CSS CON IL SUFFISSO .
scusate  x l'urlo  che ho appena fatto .

[TheBestNeo]

Come vedi c'è qualcosa che mi sfugge anche rileggendo mille volte quella pagina.

Io ho messo come suffisso _footer, e correttamente firebug mi da ul class="menu_footer".

E nel css globale ho aggiunto le regole per quello.

www.francescadantimi.netsons.org

Ora se ti va di spiegarmi con calma senza gridare o altro te ne sono grato, sennò non importa, continuerò a provare o resterò in attesa di altre risposte, in ogni caso grazie dell'aiuto finora.

[conti1]

cominciamo col dire che non hai  capito come funziona un suffisso , a parte questo.
dal link postato e impossibile che firebub su quel menu in fondo  ti trovi quello citato da te a:hover.
la mia domanda e una sola xche vuoi mettere un suffiso su quel menu   che hai nel footer?
visto che non hai nessun menu  nel template in uso?
non ti basta modificare il tutto con il css già esistente?
comunque ora ti sistemo il menu  e vedi come dovrebbe essere sensa suffisso

Codice: [Seleziona]

#contentbtm_bar span {
color:#C9C4B5;
display:block;
float:left;
font-family:Verdana;
font-size:11px;
margin-right:10px;
}
questo e  xfare hover

Codice: [Seleziona]

#contentbtm_bar span:hover {
color:#fff;
}
questo e x farlo diventare attivo

Codice: [Seleziona]

#contentbtm_bar li.active span {
color:red;
}
inizia con questi pezzi di css
come vedi ho ricreato il css anche se non ho usato il tuo suffisso .
ripeto no vedo il motivo di aggiungere un suffisso quando quel menu e in uso solo li.

[TheBestNeo]

Ho un menu sulla destra, e quello altro non è che una copia di quello.
Quello sulla destra ha funzionato subito, senza toccare niente. Questo invece ha creato problemi, l'avevo solamente caricato all'interno del div contentbtm_bar, ma per l'appunto non applicava stili (e tra l'altro non mi mette nemmeno lo spaziatore).

Proverò il codice da te postato, ho messo il suffisso solo perchè credevo che qualcosa mi sovrascrivesse lo stile visto che non lo applicava.

Provo e ti faccio sapere, grazie.

[TheBestNeo]

Più o meno agendo sul css sono riuscito ad ottenere quello che volevo (a parte lo spaziatore | che non viene messo a meno che non metta lista legacy orizzontale).
Il problema è che in internet explorer il menu viene visto comunque in verticale...