28172 sujets

CSS et mise en forme, CSS3

Image cible d'une ancre à faire apparaître en haut à gauche de l'écr

Bonjour à toutes et à tous.
Utilisant exclusivement l'HTML et le CSS, voici ce qui m'amène:
J'ai une page large de 4000px. À 3000px à droite, je place une image.
En haut à gauche de ma page, je place un lien (interne) vers cette image cible (ancre, en utlisant la technique id="" - voir code ci-dessous).
Lorsque que je clic sur le lien, l'image cible apparaît en se positionnant en haut à droite de l'écran (càd: le coin haut droit de l'image, se place en haut et à droite de l'écran navigateur.).
Or, j'aimerais que l'action de cette ancre, fasse apparaitre cette image ailleurs: en haut à gauche par exemple, ou bien même ailleurs, si cela était possible. Je creuse, je creuse, depuis des heures ... mais je n'y arrive pas (... encore ...).
Un p'tit coup de pouce à partager entre nous toutes et tous serait-il le bienvenu ?
Merci à vous
Ci dessous le code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style type="text/css">
.outside {position:absolute; left:3000px;}
.page-test {min-width:4000px;}
.txtleft {text-align:left;}
  </style>
</head>
<body id="WebSiteTest6.0" class="page-test">
<A href="#ancre">vers le bouton</A>
<img src="Images/Bouton1.png" width="57" height="57" class="outside txtleft" id="ancre">
</body>
</html>
Salut BigAce,

Il faut utiliser javascript pour modifier la propriété css "left" (et top) de ton image de class outside. Jquery fait ça très bien.
Merci hchtot pour ton agréable soutient. C'est sympas à toi de te pencher sur ce sujet.

Bien bien bien ... hummmm .... comment dire, ..., "j'en conviens", me semblerait approprié.
Mais ... je cherchais à le faire uniquement en HTML + CSS.
Me d'mande si c'est jouable.
Merci Laurie Anne pour cette info. Ok, bien noté.
Et merci encore à hchtot,

He bien, voilà pourquoi je ne n'y arrivais pas. Pô pôssible ça n'est pas ! Zut ! Dommage ! Mais bon, c'est pô grave. On prend date quand même (d'ici à ce que les choses changent dans les 2 siècles à venir, sait-on jamais), aujourd'hui le 16 mai 2011, sur la planète Terre:

Ainsi donc la réponse est: ce n'est pas possible en CSS + HTML seuls de faire apparaître l'image cible d'une ancre en haut à gauche de l'écran, ou bien même "où l'on veut à l'écran", qu'on se le dise !

Merci encore pour votre aide à tous les deux.
Sujet clos
Aller à