Template non funzionante

[Strutter]

Buongiorno a tutti,
Per ottenere un sito Joomla che rispondesse maggiormente alle esigenze aziendali ho deciso di non utilizzare un template già fatto, ma di realizzarne personalmente uno.
Servendomi di KompoZer (direi si possa nominare essendo open source), ho definito i vari div e li ho settati come desideravo tramite css, scrivendo di volta in volta il codice e verificandolo tramite anteprime e quant'altro.
Ho seguito questa guida in quanto non mi è mai capitato di effettuare operazioni di questo tipo, e dopo aver concluso quanto indicato ed aver caricato il tutto... è uscita questa porcheria 
Da cosa può dipendere secondo voi? E' un problema di caricamento dei css?
Ho notato fra l'altro che nella guida non si menziona il file "index.html", potrebbe dipendere da lui?
Grazie in anticipo!

[Strutter]

Direi che 99 su 100 il problema è che non carica i css, non ne fa riferimento andando a verificare con firebug!

[Strutter]

Alla fine erano errori di sintassi sui css che sbalavano tutto...
Ora avrei un altro problema... Non riesco a formattare il menù sulla barra in cima al sito, come devo fare secondo voi per imporgli di far capo ad un css specifico?

[tomtomeight]

Non hai bisogno di uno specifico css per il menù, basta associare le classi nel css generale del template. 

[Strutter]

Ciao, e grazie dell'attenzione
Mi sono espresso male, cioè non voglio imporgli di utilizzare un suo foglio di stile, mi interessa capire cosa scrivere su template.css (o navigation.css) per far sì che questo menù assuma la forma che ho progettato graficamente
Come posso fare?

[tomtomeight]

Allora fai un css specifico che però richiamerai nel template insieme a quello generale, ma ti assicuro che il risultato e' lo stesso,ovunque lo metti.

[Strutter]

Sì sì, non è quello il problema!
E' che non so proprio cosa scrivere su template.css per fargli capire che deve formattare i menù in un altro modo...

[tomtomeight]

Ma in altro che intendi?

[Strutter]

Che so, per esempio vorrei che le voci del menù in alto si evidenziassero al passaggio del mouse, fossero bianche anzichè blu, fossero a fondo nero quando attive, ecc...
Al momento non ho proprio idea in che parte del css mettere mano!
Per dire, il menù in alto è contenuto in un div chiamato "top-menu".
Se io volessi che in quel menù le voci fossero bianche e diventassero rosse quando il link è attivo, cosa dovrei fare?
Dovrei scrivere i parametri alla voce "div.top-menu" di template.css? Come li dovrei scrivere nel caso?