-
.
Salve a tutti, avrei un problema su questo forum qui: https://absolutefreedom.forumcommunity.net/
Avete presente dove ci sono le sfere dei pokemon sopra la chat? Passandoci sopra il mouse le immagini al loro interno vengono visualizzate male, mi sapreste aiutare?
GRAZIE. -
Tochka!.
User deleted
Gli stili per la classe thumbnail sono definiti due volte e la seconda volta c'è questo: CODICE.thumbnail:hover {background-color: black;
z-index: 9}
[...]
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: black;
SPOILER (clicca per visualizzare)CODICE<style type="text/css">.thumbnail {position: relative;
z-index: 0}
.thumbnail:hover {background-color: transparent;
z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none}
.thumbnail span img {/*CSS for enlarged image*/
border-width: 0;
padding: 2px}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px}</style>
<style type="text/css">.thumbnail {position: relative;
z-index: 0}
.thumbnail:hover {background-color: black;
z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 0 dashed gray;
visibility: hidden;
color: white;
text-decoration: none}
.thumbnail span img {/*CSS for enlarged image*/
border-width: 0;
padding: 2px}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px}</style>
www.w3schools.com/cssreF/sel_hover.asp. -
.
Ciao scusa l'ignoranza, per due volti intendi che una volta sono in Codici HTML e la seconda volta in Colori e stili dove devo inserire quello che mi hai mandato?
Ho provato a mettere entrambi i codici in colori e stili ma niente. -
.
Intendeva dire che entrambi sono in html...non devi metterlo in css...
cerca questa parte:CODICE<style type="text/css">.thumbnail {position: relative;
z-index: 0}
.thumbnail:hover {background-color: transparent;
z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none}
.thumbnail span img {/*CSS for enlarged image*/
border-width: 0;
padding: 2px}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px}</style>
<style type="text/css">.thumbnail {position: relative;
z-index: 0}
.thumbnail:hover {background-color: black;
z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 0 dashed gray;
visibility: hidden;
color: white;
text-decoration: none}
.thumbnail span img {/*CSS for enlarged image*/
border-width: 0;
padding: 2px}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px}</style>
e togli tutta la seconda parte:CODICE<style type="text/css">.thumbnail {position: relative;
z-index: 0}
.thumbnail:hover {background-color: black;
z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 0 dashed gray;
visibility: hidden;
color: white;
text-decoration: none}
.thumbnail span img {/*CSS for enlarged image*/
border-width: 0;
padding: 2px}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px}</style>
Come li visualizzi? Fai uno screen.
Come vorresti visualizzarli?. -
.
Ecco come vengono visualizzati, ogni immagina ha una dimensione tutta sua e non compaiono in 100x100 come dovrebbero, Attached Image.