Positionner div sans décalage autre div

**devillers** · 08/09/2015, 16h52

Bonjour,

J'ai un petit script js appelé dans le <head> qui m'affiche une image cliquable si il reconnait une URL spécifique.
fleche.js

Code javascript :

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

1
2
3
4
5
6
var monurl = document.URL;
 
  if( monurl == 'http://www.test.fr/annonce/ann_type.php?type=1'){
    document.write("<div class='flecheslider'onClick=\"window.location.href='http://www.test.fr/annonce/ann_type.php?type=1'\">Suivant</div>");
 
}

ensuite le fleche.js est appelé dans le head du fichier.php

Code html :

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

1
2
<head><!----------------fleche---------------------------------------->
<script type='text/javascript' language='javascript' src='/annonce/fleche.js'></script></head>

La flèche cliquable s'affiche mais elle est mal positionnée selon l'écran, sur un smartphone c'est complètement à droite. J'ai essayer de mettre en position relative mais cela me décale tout en partant du haut.

structure.css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.flecheslider{
      position: absolute;
      float: left;
     margin-left: 1230px;
     margin-top: 290px; 
     width: 40px;
	height: 40px;
	background: url("http://www.test.fr/annonce/images/fleche-slider.png") no-repeat;
	font-size : 11px;
        color: #F62B71;
 
 
}