- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- [Risolto] Css e bordo link che cambia intorno a immagine
-
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!
-
Eh visto che ci sono, per centrare un elemento... cosa uso?
-
@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.
- 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]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!