[Risolto]Testo delle voci di menu fisso in due colori

[Tobo]

Ciao a tutti!

Sto cercando di realizzare un menu orizzontale, le cui voci siano sempre precedute dalla parola "Dot" colorata in giallo. Per esempio se creo la voce "Music", nel menu visualizzo Dot(giallo)Music(bianco), questo per ogni list item (li) del menu.

La parte di css dedicata al menu è questa:

Codice: [Seleziona]

/** Submenu **/
#submenu {
  float: left;
  width: 970px;
  font-size: 1.2em;
  color: #fff;
  background-color:;
  position:relative;
  padding-top: 50px;
}

#submenu ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
}

#submenu a {
  display: block;
  color: #ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  text-decoration:none;
  background-color: #575756;
}

#submenu a:hover,
#submenu li.active a {
  color: #fff;
  text-decoration: none;
  background-color: #575756;
}


#submenu li {
  float: left;
  padding-right: 1px;
  width: 110px !important;
mentre la parte nell'Index.php è semplicemente:

Codice: [Seleziona]

<div id="submenu">
           <jdoc:include type="modules" name="position-9" />
</div>

Grazie in anticipo per l'aiuto


p.s. non è necessario che la parola dot sia fissa, andrebbe anche bene (forse meglio) creare la voce DotMusic e colorare "Dot" in giallo

[Tobo]

Risolto per illuminazione

Ho aggiunto al css:

Codice: [Seleziona]

#submenu a:before {
    content: "Dot";
    color:yellow;
}