Demande d'aide pour CSS - CSS / Général, Javascript / Ajax / DHTML

CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 04 03:11:35

VIDéO : VISION DE MICROSOFT SUR LA 4èME GéNéRATION DES DATA CENTERS MODULAIRES par redo

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

RE : BOUTON COCHER/DECOCHER par kazma

VOTE +1 AIDEZ MOI PLZ par drazika

JAVASCRIPT : OPENER ET REFRESH ? par photon02

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

+ de logiciels à télécharger

1 302 944 membres
31 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 084 codes, 1 208 991 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Poser une question

Sujet : Demande d'aide pour CSS [ CSS / Général ] (bluemandfr)

Informations & options pour cette discussion

Vous êtes ici : Thèmes / Javascript / DHTML / Ajax / CSS / Général / Demande d'aide pour CSS
Ce sujet vous interesse ? Cliquez ici pour être averti quand il y a une nouvelle réponse

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

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	J'aurais aussi été tenté de dire : position : absolute;
	Rép. MP 188 msg 378 msg CS

Cette discussion est classé 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 de fond [ par nicomilville ] Bonjour j'ai un fichier design dans lequel il y a mon fichier "design.css" et une image "dégradé1.bmp".Et dans mon fichier css j'ai mis la ligne de co