Lien au-dessus d'un swf : problème curseur

**Dayren** · 05/09/2009, 20h27

Bonjour à tous,

Voici le contenu de ma page :

- un .swf en fond
- un lien positionné au-dessus de ce .swf.

Le lien fonctionne.
Mais par contre, dans certains navigateurs (Safari notamment), lors du survol de la souris sur le lien, le curseur ne prend pas la forme d'une main.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<a href="http://www.machintruc.fr/">Lien</a>
 
<object type="application/x-shockwave-flash" data="leFlash.swf" width="335" height="615">
        <param name="movie" value="leFlash.swf" />
       <param name="AllowScriptAccess" value="always" />
        <param name="wmode" value="transparent" />
</object>

J'ai essayé le positionnement absolu plus z-index, positionnement relatif ... ça ne marche pas.

Merci d'avance pour votre aide.

FoxLeRenard · 05/09/2009, 22h06

Bonjour,

Nous devons étre loin de posséder le vrais contexte que tu décris, car le code que tu donne met forcément le lien a coté du flash !

**Dayren** · 06/09/2009, 07h50

Bonjour,

Le lien est en positionnement absolu.

FoxLeRenard · 06/09/2009, 10h45

Envoyé par Dayren

Bonjour,
Le lien est en positionnement absolu.

Alors tu poses une question sans vouloir donner le code, mais c' est impossible, car il existe mille raisons a ton probléme, si tu poses la question ici, c'est que tu nous demandes "que faire" ...

Par exemple selon le DOCTYPE que tu as choisi pour ta page les réactions des navigateurs différent.
D'autre part l'importance de ta feuille de style est fondamentale puisque tu peux étre dans un cas de haslayout

Merci donc de donner ton code

**Dayren** · 06/09/2009, 13h15

Ah d'accord, désolé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
	<title>Essai</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="essai.css" media="all" />
</head>
 
<body>
    <a id="lien" href="http://www.google.fr/">Lien</a>
    <object id="leSwf" type="application/x-shockwave-flash" data="leSwf.swf" width="335" height="615">
        <param name="movie" value="leSwf.swf" /><param name="AllowScriptAccess" value="always" />
        <param name="wmode" value="transparent" />
    </object>      
</body>
 
</html>

Le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
* {
    padding: 0px;
    margin: 0px;
}
 
body {
    margin: auto;
    text-align: center;
}
 
#leSwf {
    position: absolute;
    z-index: 0;
    left: 0px;
}
 
#lien {
    color: red;
    font-size: 30px;
    position: absolute;
    z-index: 1;
    top: 150px;
    left: 250px;
}

Merci

FoxLeRenard · 06/09/2009, 14h52

Ok je comprends,
j'ais testé, alors va prendre le source en clic droit sur cette page et fais
affiché source, tu pourras t'en inspirer

http://studiosmilounitch.free.fr/alsaExemple/temp.html

Tiens moi au courant

**Macmillenium** · 06/09/2009, 15h07

Bonjour,

Envoyé par Dayren

Mais par contre, dans certains navigateurs (Safari notamment), lors du survol de la souris sur le lien, le curseur ne prend pas la forme d'une main.

Le lien est-il cliquable ? ou c'est juste un problème de style ?

Fox, il n y a pas de Haslayout dans Safari, c'est un concept propriétaire à Ms (versions IE5.5/6/7).

Lien au-dessus d'un swf : problème curseur

HTML

Vue hybride

Discussions similaires

Partager

Partager