[css] Vari problemi

Ciao a tutti, eccomi nuovamente qui.. so che vi sto rompendo con tutti i miei problemi

Oggi ho da sottoporvi diversi quesiti sulle cose che sono possibili fare con i CSS in quanto sto lavorando per la mia scuola e l'"amministratrice", mi ha chiesto se potevo fare delle modifiche tramite CSS.

1. La pagina in questione è questa (quella su cui provo): Sito di prova

2.Nei menù laterali è possibile far si che le immagini vengano centrate e che non abbiano il "puntino" del menu? in oltre è possibile fare in modo che le scritte affiancate vadano a capo?

3. Perché non mi fa allineare l'immagine che vedete nella parte centrale?

Per adesso credo possa bastare

Sarebbe tutto più facile se potessi modificare l'html della pagina, se queste mie domande non trovano soluzione dirò alla prof.ssa di darmi l'autorizzazione a modificare il codice HTML.

PS: Voi che siete più esperti di me.. ci sono molti link nel codice che rimandano a file Javascript, sapete dirmi in che modo vanno ad influenzare la pagina?

PPS: So che il codice fa pena infatti se capisco in che modo vanno ad influire i diversi codici Javascript che vengono richiamati, ho intenzione di riscrivere parte del CSS e tutto l'HTML.

[alemoppo]

Per eliminare i puntini nel menù, potresti andar di:

list-style:none;

per rendere le immagini centrali, potresti eliminare l'eventuale testo a destra e a sinistra (con clear:both; ). Poi dare (al contenitore) un

text-align:center;

.

3. Perché non mi fa allineare l'immagine che vedete nella parte centrale?

Aggiungi:

.contentpaneopen
{
  text-align: center;
}

Ciao!

[dreadnaut]

Se il sito è basato su Joomla, il problema non è l'html in sè, ma come gli amministratori hanno usato Joomla per creare le pagine. E c'è poco da riscrivere a quel punto.

Per centrare l'immagine, ne abbiamo già discusso e ti abbiamo dato la soluzione in passato
http://forum.it.altervista.org/html-...-immagine.html

Infatti.. non ho scritto come si fa.. ma perché non risulta..
Ho usato il seguente codice:

img[src="http://www.liceoleonardogiarre.it/images/stories/liceo.jpg"] { margin: 0 auto; display: block; }

PS: Ora provo come ha detto alemoppo, e vedo le impostazioni della classe .contentpaneopen (quella che gestisce la tabella in cui si trova l'immagine)

Comunque potresti spiegarti meglio su Joomla? Qualche piccola illustrazione su di esso, lo conosco solo di nome xD

[dreadnaut]

Mai usato Joomla, ma di certo puoi partire da http://joomla.it/

Non vedo il codice che hai riportato sopra da nessuna parte nei css del sito (di cui uno risponde 404), quindi boh.

Va bè.. grazie ugualmente ;)
PS: Il codice ora non c'è, avevo fatto una prova in precedenza e vedendo che non funzionava o riportato tutto come prima ;)

Se posso aggiungere...Molto meglio è utilizzare:

margin:auto 

per posizionare le immagini a destra e a sinistra puoi utilizzare:

float:left 

- Per posizionarla a sinistra.

float:right 

-Per posizionarla a destra.
Non ho capito il filo dell'argomento, il modo per utilizzare le immagini é:

<img src="url" alt="prova" /> 

Per stilizzare le img puoi utilizzare il CSS così(Esempio faccio dei bordi):

img{
border:8px solid white;
}