Eléments décalés dans pages web

**cairn3000** · 07/06/2013, 23h42

Je suis un petit nouveau sur ce forum et je demande de l'aide...Quelqu'un pourrait t'il m'aider...
Tous les éléments de ma page web sont décalés, de quoi cela peut t'il venir ??? Alors que c'était bon avant, sauf si on changeait d'écran, de résolution. Comment faire en sorte que la page reste correct quelque soit la résolution, le type d'écran, etc...

Voici l'adresse de la page en question:

http://cairn3000.free.fr/

ainsi que celle-ci :

http://parc-naturel-alpes-maritimes.chez-alice.fr/

**ticoune** · 08/06/2013, 00h00

Bonjour,
commence par enlever ceci;

Code :

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

1
2
3
4
5
6
7
8
9
10
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>

**rodolphebrd** · 08/06/2013, 09h48

Bonjour,
en augmentant la taille du tableau principal de 784px à 800px par exemple :

Code html :

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

<table bordercolor="#33448f" height="74" cellspacing="0" cellpadding="0" width="800" align="center" border="3">

**nicosmash** · 08/06/2013, 11h50

Bonjour,

Avant de poser des questions pensez à regarder la documentation.
De plus il y en a une qui convient très bien à ce que vous faites sur developpez : Placement div

Il faut toujours réfléchir en espace comme ceci.
L'HTML est un langage de structuration, puis le CSS est un langage de style donc en premier lieu il faut voir plein de rectangle.
Vous écrivez tout ce que vous souhaitez en HTML puis quand vous passez au CSS la première chose à faire de mettre des dimensions au conteneur et de les vérifier avec un border.

Sample

Code html :

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
 
<!DOCTYPE html>
<html>
    <head>
        <style> 
            div
            {
                width: 115px;
                height: 100px;
                border:2px solid #000000;
            }
        </style>
    </head>
    <body>
        <div>
            Il fait beau aujourd'hui, le soleil brille, j'ai faim.
        </div>
    </body>
</html>

**rodolphebrd** · 08/06/2013, 12h19

Votre remarque ne correspond pas à la question posée puisque la structure du site est construite en tableau (balises : table, tbody, tr, td...), le recours à la création d'une règle CSS n'est pas forcément utile présentement, de plus votre lien qui fait référence à l'ajout d'une barre de menu verticale s'écarte du problème posé.

**nicosmash** · 08/06/2013, 12h39

Ah bon

Excusez-moi alors je pensais que le problème venait d'une mauvaise définition de la taille de son tableau qui était trop grande ... et comme le montre cette ligne :

Code html :

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

<table width="610" cellspacing="0" cellpadding="0" border="0" align="left">

De toute manière il faut toujours mettre des dimensions pour éviter d'avoir des mauvaises surprises, et taille de table ou div même combat le problème de taille.

Par contre les balises table ce n'est pas trop recommandé, il vaut mieux mettre des div (comme dis dans mon post précédent).

Eléments décalés dans pages web

HTML

Vue hybride

Discussions similaires

Partager

Partager