begin process at 2012 02 14 10:31:42
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Demande d'aide pour CSS


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Demande d'aide pour CSS

mardi 20 mai 2008 à 19:48:24 | Demande d'aide pour CSS

bluemandfr

Dans le code suivant :

//-----------------------------------------------------------------------------
<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: 0000FF;
padding: 0px;
left: -1000px;
border: 0px dashed red;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -310px;
left: -160px; /*position where enlarged image should offset horizontally */
}
</style>
//-----------------------------------------------------------------------------

Comment faire que dans la partie ".thumbnail:hover span{", on puisse afficher l'image NON PAS DE FACON RELATIVE à l'objet qui le demande mais en coordonnées absolues du DOCUMENT / ou d'un autre objet ?

Par avance MERCI !

==> Suggestion créer un forum / ongelt sur HTML et CSS.

BlueMan
mardi 20 mai 2008 à 23:41:59 | Re : Demande d'aide pour CSS

PetoleTeam

Membre Club
Bonjour,
je ne suis pas un spécialiste de CSS, loin s'en faut mais...
...une feuille de style s'applique à l'élément qui en fait référence

on peut essayer néanmoins cela
<html>
<head>
<style type="text/css">
.test {
  position : relative;
  left : 100px;
  top : 100px;
}
.test a:hover {
  position : absolute;
  left : 0px;
  top : 0px;
}
</style>
</head>
<body>
<div class="test"><a href="#" class="test">TEST</a></div>
</body>
</html>

en jouant sur la position absolute/relative mais le résultat sera très variable d'un navigateur à l'autre...

voir peut être sur css.alsacreations.com
;O)
mercredi 21 mai 2008 à 10:03:50 | Re : Demande d'aide pour CSS

ov3rdoze

Membre Club
J'aurais aussi été tenté de dire :
   position : absolute;


Cette discussion est classée dans : image, css, hover, span, thumbnail


Répondre à ce message

Sujets en rapport avec ce message

étirer image avec du css [ par eax ] bonsoir,je souhaite mettre une image en fond dans un tableau (dans la balise TD). je souhaiterai que cette image soit étirée, qu'elle prenne toute la Le hover en css marche pas sous IE? [ par Monico9385 ] Bonjour tout le monde! j'ai créé un menu tout simple en css, ou quand on passe la souris au dessus d'un div ca change la couleur. Voila mon code css: probleme de taille en CSS sur une balise div [ par kimmelf2 ] voila ce que j'ai essaye de faire :<img src="logo Simpe question HTML et CSS [ par syndrael ] Bonjour, J'ai une image et un bouton radio que je place dans un TD. Comment puis je faire pour que ces deux éléments soient l'un au dessus de l'autre, [css] img cote à cote et overflow [ par sapakus ] Bonjour, dans un bloc de largeur variable (width:90% pour fixer les idées) je souhaite placer deux images de même dimension cote à cote, jusque là, r image dans liste déroulante [ par gianni7033 ] Bonjour,je suis en train de réaliser un site multilingue et dans une liste déroulante, je voudrais mettre le nom de la langue avec l'image du pays mai CSS et Hover [ par pitchoune ] Bonjour, Soit le tableau suivant dans une page HTML : probleme avec le plugin facebox de jquery [ par aquewel ] bonjour a tous, c'est la premiere fois que je viens demander de l'aide sur ce forum... et pour la premiere un probleme serieux dans lequel peut etre q Problèmme d'alignement de background avec css [ par mortiis ] Bonjour à tous,Je travaille présentement sur un site déjà existant et je doit faire en sorte qu'une image de fond soit alignée par rapport à une colon Image en lien avec un hover valide W3C [ par Kitzume ] Bonjour, Objectif : valider le W3C Le code dessous fonctionne très bien par contre n'est pas valide W3C Cause : pas de div dans un lien [code=html


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales