@Vampiretta said:

Allora nel caso 1 ho messo border="1" e mi viene il bordino ma non prende la specifica di cambiare colore al passaggio del mouse.

Nel secondo caso ho messo sempre border="1" e nel css float right e però anche li non mi prende la specifica del passaggio mouse.

Non capisco dove sbaglio, scusami!

Se te specifichi un border nell'html, vai a sovrascrivere il CSS. Perciò non metterlo proprio e fai tutto tramite fogli di stile.

@Vampiretta said:

Eh visto che ci sono, per centrare un elemento... cosa uso?

Dipende dall'elemento, se è di blocco, inline, e dove è contenuto. Per esempio si possono impostare margin-left e margin-right su auto, però non è universale.

Ho cambiato di nuovo.

1. esempio ho messo border="" senza specificare nulla e lui non prende bordo.

2 esempio ho tolto proprio la dicitura border="" mi mette un bordo ma non applica le specifiche di cambio colore bordino.

x:x

@Vampiretta said:

Ho cambiato di nuovo.
2 esempio ho tolto proprio la dicitura border="" mi mette un bordo ma non applica le specifiche di cambio colore bordino.

Sicura? Io sulla pagina di prova l'effetto hover lo vedo vene.

Ehm lo vedi bene con Firefox? Con quello ho guardato ora e anche io.

Ma io nno lo vedo bene con IE, si può risolvere?

Io h smanettato un po' ma non ho risolto un tubo!

@Vampiretta said:

Io h smanettato un po' ma non ho risolto un tubo!

Non ho il portatile con IE a disposizione in questo momento per provare, te lo fa sia sul 6 che sul 7?

Appena posso faccio due prove, intanto se qualcuno avesse la possibilità di aiutarci... sarebbe gradito

Hmmm io ho il 7 e li me lo fa, sul 6 non saprei!

Attendo fiduciosa, io continuo a fare le mie prove, se mi riesce ovviamente vi avverto!

Grazie ancora Laburno!

Come diceva Laburno per centrare automaticamente un oggetto all'interno di un altro devi dare al genitore ( prendi il div) una dimensione fissa e al figlio un margine scritto così:

div#genitore{
width:500px;
height:200px;
}
div#figlio{
margin:0 auto;
}

Diciamo che questo è uno dei metodi per farlo.
Il text-align:center però è un attributo che spesso e volentieri devi usare per la compatibilità con internet Explorer (aimè) dato che posiziona centralmente anche gli oggetti come le immagini ( tu dirai ma che c'entra il TEXT-align ? bè chiedilo agli incapaci della microsoft XD )

L'effetto hover del cambio bordo sull'immagine ora non sono sicuro, ma su internet explorer potrebbe dare dei problemi

Grazie karedas, come posso provo la storia del contenitore centrato. Io per ora ho risolto dando al contenitore margin left e right = auto e mi funziona sia su IE che con Firefox e Opera.

Per il bordino, non ne vengo a capo, so solo che se creo una tabella e metto l'immagine in una cella funziona, ma avendo creato il sito table free non posso più esare la tabellina per inserire quell'immagine. Almeno credo!

Ho fatto qualche prova, e ho visto che per Firefox e Opera non serve che metto la classe, e align="right" lo prende tranquillamente e il W3C me lo convalida.

Però il problema è invece che su IE il bordo non è verde e non si vede il cambio di colore al passaggio del mouse. Praticamente tiene i colori di base impostati da IE il classico blu per il link e il violaceo per il visitato.

Ragazzi io ho trovato queste istruzioni per il bordo intorno alle immagini.

[HTML]a{
border: 0 !important;
border: 1px solid red;
}

a:hover{
border: 1px solid blue;
}

img{
border: 1px solid red !important;
border: 0;
}

img:hover{
border: 1px solid blue !important;
}[/HTML]

Fonte

Funziona, però io non devo applicarlo a tutti i link ma solo ad alcune immagini, e oltretutto così facendo tutte le immagini mi vengono bordate e cambiano colore al passaggio del mouse anche se non sono link!

E ovviamente se allineo a destra o sinistra, non mi funge più! (:x

Prova ad annidiare le img dentro gli a:

a img { .....}
a:hover img { .... }

Leggendo che su IE ti mantiene i valori di default mi è venuto in mente che potresti prima resettarli con img { border: 0 } e poi definire gli stili dei link.

Gli !important su IE6 non servono perché mi sembra che non li riconosca.

Si ma in questo modo

a img { .....}
a:hover img { .... }

tutte le immagini della pagina mi si contornano no?
Io ne ho pochissime che fungono da link.

Si devi aggiungerci la tua classe, non l'avevo specificato.

Niente, non ne vengo a capo, sicuramente sono io tonta, ma non mi riesce proprio!!
Finisce che non dovrò avere il bordino colorato intorno all'immagine, o meglio colorato fisso senza cambio di colore. Però mi fa rabbia!

Prova così:
a.classe { border: 1px solid COLORE1 }
a.classe:hover { border: 1px solid COLORE2 }
a img { border: 0; }

Corro a provare, ho fatto qualcosa di simile stanotte ma non mi veniva niente di buono, spero fosse sbagliato.

Ho provato e ho aggiornato la pagina di prova. Funge con IE ma non con Firefox. E poi resterebbe il problema dell'allineamento.

Sembra un odissea!

Ri-prova così:
a.classe { border: 1px solid COLORE1 }
a.classe:hover { border: 1px solid COLORE2 }
img { border: 0; } /* toglie i bordi da tutte le immagini, i bordi saranno dei link */

Per quanto riguarda l'allineamento all'immagine interessata applica un float (left o right) dove lo vuoi te.

Css

[html]a.provalink { border: 1px solid green; }
a.provalink:hover { border: 1px solid red; }
img { border: 0; } /* toglie i bordi da tutte le immagini, i bordi saranno dei link */[/html]

Pagina:

[html]<a href="news-annecy.jpg" class="provalink" target="_blank"><img src="news-annecyP.jpg" alt="" border=""></a>[/html]

Con o senza border="" il risultato è uguale.

La pagina di prova è il risultato, IE ok, Firefox no! Dove sbaglio?! :():