Tracer un Div pour un élément PA ( DW CS3 )

Fermé
Silvery-Rose Messages postés 2 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 11 novembre 2008 - 11 nov. 2008 à 11:17
Silvery-Rose Messages postés 2 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 11 novembre 2008 - 11 nov. 2008 à 11:39
Bonjour,
J'ai un problème avec Dreamweaver CS3, quand je trace mon div pour y placer mon contenu, il est décalé sous Firefox et encore plus sous IE
J'ai même pas parler de l'horreur quand la fenetre n'ai pas agrandie.
J'arrive pas à que tout ce soit normal

CODE HTML :

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IheartART V3.0 [ Site perso' Graphisme &amp; Webdesign ]</title>
<link href="../CSS feuilles de cascade/1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:174px;
	top:107px;
	width:217px;
	height:386px;
	z-index:1;
}
.Style1 {
	color: #FF99CC;
	font-weight: bold;
}
#apDiv2 {
	position:absolute;
	left:311px;
	top:118px;
	width:212px;
	height:386px;
	z-index:1;
}
#apDiv3 {
	position:absolute;
	left:623px;
	top:118px;
	width:225px;
	height:392px;
	z-index:2;
}
-->
</style>
</head>

<body>

<div id="apDiv2">
  <p class="Style1">Navigation :</p>
  <p class="Style1">iIHEARTART'S News</p>
  <p>Blog <a href="http://silvery-rose.skyrock.com">*</a></p>
  <p>Forum <a href="http://obsessiondesign.clic-topic.com">*</a></p>
  <p>Galerie en Flash <a href="http://iheartart.toile-libre.org/picsengine">*</a></p>
  <p align="justify"><span class="Style1">Sit<strong>e compatible uniquement sous Mozilla Firefox</strong></span> si quelqu'un saurait pourquoi quand je trace un <em>Div pour un élément PA</em> ( dans <strong>dreamweaver CS3</strong> ) il se décale alors que dans dreamweaver tout semble correct, vous pouvez m'expliquer à résoudre mon problème à cette adresse<em> iheartart<span class="Style1">@</span>live.fr</em>. Svp, cela est urgent, sans cela, le site n'avancera pas !!</p>
</div>
<div id="apDiv3">
  <p class="Style1">Mise à jour du Mardi 11 Novembre à 00:30</p>
  <p align="justify">Coucou mes petits loups XD, comment allez-vous? Moi ben comme vous le voyez =) j'ai refait le site Web, pour une 3e Version, un petit design Rikiki parce que je n'ai pas trop le temps de m'occuper du site en ce moment. Mais ma préoccupation est aussi la construction du site elle même : J'ai un problème avec Dreamweaver <strong class="Style1">CS3</strong>.</p>
  <p align="justify">Quand je trace un Div ( balise qui structure le contenue de la page web ) avec DW CS3, il est décalé dans mon navigateur ( Mozilla et IE ) alors que dans DW , tout est normal. Je demande une aide charitable, si quelqu'un si connaît , qu'il m'explique please -_- Je suis plus que mal, ça freine d'un seul tenant la construction du site. <em>C'est primordial.</em></p>
  <p align="justify">Je compte sur le génie de <span class="Style1">Dreamweaver</span> pour résoudre mon problème, j'ai tenté de modifier le CSS, mais je suis pomée un peu =S je suis désespérée. Je veux faire de mon site un joli machin à regarder dans tous les navigateurs, faites que cela vienne réalité ^^ </p>
  <p align="justify"><span class="Style1">PS :</span> IL Y A Beaucoup DE<span class="Style1"> News</span> dans la galerie ^^</p>
</div>
<div align="center">
 
  <p><img src="../images/design.png" width="726" height="531" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="362,56,474,67" href="http://silvery-rose.skyrock.com" />
<area shape="rect" coords="554,17,624,40" href="index.htm" />
<area shape="rect" coords="470,467,591,494" href="http://graphix-illusion.fr" />
</map></p>
</div>
</body>

</html>


CODE CSS

@charset "utf-8";
/* CSS Document */

body
{
background-color:#000000;
background-image:url(../Fonds%20Patterns/pp10.png);
background-repeat:repeat;
cursor:s-resize;
}
a
{
color:#FF99CC;
text-decoration:inherit;
font-variant:small-caps;
}
p
{
font-style:inherit;
font-size:10px;
font-family:tahoma, Arial, "Times New Roman", Verdana;
color:#555555;
}


Pouvez vous m'aidez à résoudre mon problème ? Merci
dois-je modifier le CSS ? Si oui comment ?
j'ai les bases du CSS mais je n'ai jamais fait face à desproblèmes comme ceului ci
Mon site web ( tout mini )
http://iheartart.toile-libre.org/
A voir également:

1 réponse

Silvery-Rose Messages postés 2 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 11 novembre 2008
11 nov. 2008 à 11:39
svp aidez moi , c'est urgent qui pourrait m'aider à résoudre ce problème une fois pour de bon ^^
0