Images décalées sur Dream

Fermé
Maxime - 28 févr. 2010 à 18:01
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 6 mars 2010 à 22:36
Bonjour,

Pour insérer du texte sur une image dans Dreamweaver j'utilise ça :

<div style="position:absolute; top:X; left:Y">Bla bla bla</div>

Je le positionne bien dans Dream et une fois la page web ouverte le texte apparait complètement décalé ! (sur la gauche quand c'est Firefox et sur la droite quand c'est IE) Comment régler ça ?

8 réponses

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
28 févr. 2010 à 18:19
<div style="position:absolute; top:X; left:Y">Bla bla bla</div> 

Avec un code comme celui-ci, ton bloc sera placé par rapport au côté droite de l'écran.
Son positionnement dépendra donc de la taille de l'écran.
L'idéal est de le placer par rapport au centre.

Exemple de code:
HTML
<div id="container"> </div>


CSS
div#container{ width:900px; position:absolute; top:0px; left:50%; margin-left:-450px; }


Ce bloc sera centré, quelques soit l'écran.
L'important est que le margin-left soit la moitié du width (pour un bloc centré dans l'écran).
Une autre solution aurai été un margin:auto;. Toutefois, ceci ne marchait pas avec IE6.
0
Merci mais ça ne marche toujours pas ! Le bloc est toujours décalé ...
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
28 févr. 2010 à 21:09
Aurai tu un lien vers ton site à nous donner ?
0
Et bien non parce que je ne l'ai pas encore posté sur mon serveur et vu que celui-ci est petit je ne vais pas pouvoir mettre cette page en plus des autres ...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
1 mars 2010 à 02:04
Peux tu alors mettre alors ton code ou tout du moins la partie qui nous intéresse ?
0
Oui voilà le code HTML :

<body>
<div align="center"><img src="accueil.png" alt="Bienvenue" width="749" height="561" border="1" /></div>
<div id="container"> Bla Bla Bla </div>
</body>
</html>

Et le CSS :
<style type="text/css">
<!--
div#container{
width:176px;
position:absolute;
top:139px;
margin-left: 200px;
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
left: 26px;
}
0
HELP !
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
6 mars 2010 à 20:12
Pour le décalage latéral, rajoute ça dans ton CSS:
left: #px;

En changeant # par la valeur que tu souhaites.
0
Mais il y a déjà un "left" dans mon code. Et en rajoutant un de plus ça ne change rien au problème. =/
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
6 mars 2010 à 21:57
Le left déjà déclaré ne sert à rien puisqu'il est dans le style1 qui n'est pas positionné.
C'est le le div container qu'il faut le mettre.

Par ailleurs, dans le code donné ici il manque une fermeture de parenthèse. C'est juste une faute de frappe ?
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475 > notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011
6 mars 2010 à 22:36
Sont code html n'est peut-être pas complet...
0