[css] impostare il bordo in una thumb

**Chandler** · 10-02-2006, 04.36.12

Ciao ragazzi...scusate se forse questo topic è inerente alla sezione... ma volevo sapere se c'era un modo di impostare una classe nel css che faccia cambiare colore a al border di un'immagine che contiene un link?

Sto parlando della cornice (border) della thumb che in html corrisponde a:

<img border="2" src="xxxx.jpg" xthumbnail-orig-image="sito/test/xxxx.jpg" width="xxx" height="xxx">

Spero di essere stato chiaro. Come sempre ringrazio in anticipo chi mi aiuterà

Ciao ciao

Chandler

**funcool** · 10-02-2006, 10.15.05

Guarda qui dove parla dei link.

**Chandler** · 10-02-2006, 16.10.11

Ho visto la pagina...ma non parla di bordo immagine ma solo di effetti sul testo...vuol dire che non è fattibile??

**funcool** · 10-02-2006, 16.11.51

Lasciando il bordo uguale a due e facendo le modifiche allo stile dei link automaticamente cambia il colore del bordo.

**Chandler** · 10-02-2006, 16.16.51

Sicuro? Perchè io avevo provato e sul bordo non faceva effetto...almeno coi miei css...

**funcool** · 10-02-2006, 16.18.51

Metti questo tra i tag <head>:

Codice HTML:

<style type="text/css">
a:link {
  color: blue;
}

a:visited {
  color: blue;
}

a:active {
  color: red;
}

a:hover {
  color: red;
}
</style>

**Chandler** · 10-02-2006, 16.34.15

niente da fare...non funziona!

**funcool** · 10-02-2006, 16.37.47

Ma l'immagine ha la funzione di link come hai detto oppure no?

**Chandler** · 10-02-2006, 16.42.24

ovviamente si! é una tumbnails che linka alla foto di dimensioni originali! C'è qualcosa che non va!

**funcool** · 10-02-2006, 16.45.52

Dammi il link della pagina...

**Chandler** · 10-02-2006, 17.06.08

http://www.norwen.altervista.org/fot.htm
...è una pagina di prova

**funcool** · 10-02-2006, 17.15.48

Con FireFox funziona.

**Chandler** · 10-02-2006, 17.21.27

si è vero! E perchè con IE non funziona?

**funcool** · 10-02-2006, 17.25.21

All'immagine aggiungigli un id="nomeimmagine" e poi nel link metti:

Codice HTML:

onMouseOver="document.getElementById(\"nomeimmagine\").style.borderColor=\"red\";" onMouseOut="document.getElementById(\"nomeimmagine\").style.borderColor=\"blue\";"

**Chandler** · 10-02-2006, 17.35.36

mi sa che sbaglio qualcosa...
ho fatto così:
<LINK
onMouseOver="document.getElementById(\"fe.jpg\").s tyle.borderColor=\"red\";"
onMouseOut="document.getElementById(\"fe.jpg\").st yle.borderColor=\"blue\";">

e per l'immagine:

<img border="2" src="fe_small.jpg" xthumbnail-orig-image="/fe.jpg" id="fe.jpg" width="100" height="120">

Ho sbagliato qualcosa? Mi da errore di script!

**funcool** · 10-02-2006, 17.38.26

Per link intendevo il tag <a> che si usa per i link.

**Chandler** · 10-02-2006, 17.49.32

Continua a darmi errore script!

**funcool** · 10-02-2006, 17.52.48

Codice HTML:

<a href="fe.jpg" onMouseOver="document.getElementById(\"nomeimmagine\").style.borderColor=\"red\";" onMouseOut="document.getElementById(\"nomeimmagine\").style.borderColor=\"blue\";">

**NoWhere** · 10-02-2006, 18.18.30

@Chandler, titolo non idoneo e sezione errata dove postare.
argomenti come CSS vanno in livello 1.
Faber

**Chandler** · 10-02-2006, 18.21.18

niente...sempre errore script...

**funcool** · 10-02-2006, 18.22.37

Metti la pagina online così guardo che errore è.

**Chandler** · 10-02-2006, 18.40.50

Caricata...il link è sempre lo stesso!

@NoWhere
scusami se ho sbagliato sezione...se vuoi puoi spostare il msg...

**funcool** · 10-02-2006, 18.44.42

Non hai messo i backslash (\) che ti ho scritto.

**Chandler** · 10-02-2006, 18.49.52

prima li avevo messi e mi dava errore lo stesso!

**SolitaryExplorer** · 10-02-2006, 18.51.24

Spiegazione
Vai nel codice HTML della pagina e cerca dove è l'immagine che ti interessa.
Attribuisci all'immagine o alle immagini una classe univoca che scieglierai come preferisci:

Codice HTML:

<img class="imgbordo" ... >

Poi in un foglio di stile o tra i tag style, scrivi le seguenti istruzioni:

.imgbordo a
{border: 2px solid #669933}
.imgbordo a:hover
{border: 2px solid #339966}
.imgbordo a:visited
{border: 2px solid #996633}

Ok?
P.S. (I colori sono scelti a caso, non ho la più pallida idea di cosa possa saltare fuori!

)

Ciauz!

**Chandler** · 10-02-2006, 18.51.29

cmq adesso li ho rimessi

edit:
grazie solitary explorer ora esco mastasera provo e ti faccio sapere!

Grazie di tutto per la disponibilita
Byez

**Chandler** · 10-02-2006, 18.55.38

edit: evita i post consecutivi. usa il tasto edit!!
Faber

**Chandler** · 13-02-2006, 03.09.41

Ragazzi riscontro sempre lo stesso problema... ovvero l'effetto si vede solo con mozilla firefox mentre con IE nn si vede alcun effetto al bordo immagine...al contrario se personalizzo la classe della scrollbar la vedo solo con IE e non con Mozilla...sono s****to??

**funcool** · 13-02-2006, 10.37.09

L'effetto delle scrollbar è un effetto unico di Internet Explorer, non appartiene al W3C.

**SolitaryExplorer** · 13-02-2006, 11.21.49

Le scrollbar possono essere personalizzate solo in IE.

Guardando il codice della pagina che hai creato, vedo che non hai assolutamente seguito le mie istruzioni!
"document.getElementById" è normale che funzioni con un browser e non con un altro, perché se non ricordo male è proprio un'istruzione che si usa per differenziare uno script in base al browser.

P.S. (A che ti serve: xthumbnail-orig-image="fe.jpg" ?!)

Discussione: [css] impostare il bordo in una thumb

LinkBack

Strumenti discussione

Display

Css for photo

Regole di scrittura