Affichage div sous dreamweaver

**alinio** · 02/04/2012, 14h29

Bonjour à tous, c'est mon premier poste sur le forum.

Voila, j'ai un projet de création de site web et je commence donc à créer les différentes pages html de mon site.

Je précise que je ne suis pas un pro mais je me débrouille en html.

Voici mon problème sous dreamweaver :
J'ai créé ma page html avec le code et la feuille css ci dessous :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
<title>Site de rencontre</title>
<link href="feuillecss2.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="body">
	<div class="header">
 
<table width="1000">
			<tbody>
            <tr>
            <td width="809" height="183"><img src="logo.png" alt="" width="809" height="134" />
            </td>
		    <td width="191">
 
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p><br>
              <form action="page2.php" method="post">
                <input type = "text" name = "zlogin" value = "identifiant">
                <input type = "password" name = "zpass" value = "mot de passe">
                <input value = "OK" type = "submit"> 
              </form>
 
              </p>
              </td>
			</tr>
		</tbody>
        </table>
 
</div>
 
<div class="container">
</div>
 
<div class="footer">
</div>
 
</div>
</body>
</html>

FEUILLE CSS :

Code css :

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
body
{
	width: 1000px;
	height: auto;
	margin: auto;
	background-color:#000;
}
 
.header
{
	background-color:#FFF;
}
 
.container
{
	width:1000px;
        height:1000px;
	background-image:url(fond%20soleil%20coeur.png);
}
 
.footer
{
	height:100px;
	background-image:url(footer.png);
}

Le problème est que sous dreamweaver la div du container avec l'image que j'ai mis en background ne prend pas toute la largeur demandée alors que j'ai bien réglé la largeur (width:1000px). Quand pourtant j'ouvre la page sur le navigateur le résultat est bon. Je ne sais pas ce que j'ai trifouillé sur dreamweaver, pouvez vous m'aider s'il vous plait ?

Merci.

**NoSmoking** · 02/04/2012, 22h56

Bonsoir,
je me fierais plus volontiers au rendu des navigateurs qu'à celui de dreamweaver.

Concernant ta FORM, place la balise P à l'intérieur de celle ci

Code :

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

1
2
3
4
5
6
7
<form action="page2.php" method="post">
  <p>
    <input type = "text" name = "zlogin" value = "identifiant">
    <input type = "password" name = "zpass" value = "mot de passe">
    <input value = "OK" type = "submit">
  </p>
</form>

Deux plus, un DOCTYPE serait le bien venu.

Trois plus, les tables pour la mise en page c'est quand même moyen.

Sinon il existe le forum Dreamweaver

Affichage div sous dreamweaver

HTML

Vue hybride

Discussions similaires

Partager

Partager