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;
 
 
}

Nom : PC.png
Affichages : 137
Taille : 5,8 Ko

PC à gauche Nom : Smarthphone.png
Affichages : 127
Taille : 5,9 Ko

Smartphone à droite

Merci pour vos précieux conseils.

Invité · 09/09/2015, 12h13

Bonjour,

Code :

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

<script type='text/javascript' language='javascript' src='/annonce/fleche.js'></script>

Ce script doit être placé A L'ENDROIT où tu veux que le div soit inséré.
Donc : pas dans le <head>.

The question is... : "pourquoi le faire en JavaScript ?"
(à moins que tu n'utilises pas de langage dynamique comme PHP)

**devillers** · 09/09/2015, 15h57

Bonjour,

Balaise comme idée je n'y avais pas pensé; en tous les cas merci pour ton aide.
Bien cordialement.

Positionner div sans décalage autre div

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager