je voudrais prendre une bonne resolution !

[dadpub]

Bonjour,

Je viens de m'apercevoir que ce site perso fait sur un PC en 1024x768 se retrouve completement chamboulé sur un PC en 1152x864 et supérieur !
C'est bien dommage...
Qu'en pensez-vous (avant abandon de NVU) ?
Merci

http://dadsurweb.free.fr/sitedad/index.html

[Kazé]

C'est pas mal, ton site comporte très peu de styles en lignes, donc on peut facilement t'aider. Trois remarques quand même :

• il n'est pas nécessaire de spécifier position: relative pour chaque conteneur (cette propriété n'a d'intérêt que si des éléments enfants de ton conteneur utilisent un positionnement absolu)
• la surabondance des "float" provient vraisemblablement de la même incompréhension de cet aspect des CSS
• le conteneur div#pieddad gagnerait à être inclus dans le conteneur principal (div#conteneurdad)

Pour en venir à ton problème d'adaptation à la taille de la fenêtre, supprime quelques "float" et surtout le "with: 730px;", ajoute une marge et c'est fini :

Code : Tout sélectionner

/* Generated by KaZcadeS */

body {
    background-image: url(fondtout1000.png);
    background-position: right;
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-color: #70c6ef;
}
#conteneurdad {
    border-style: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#tetedad {
    color: #990000;
    font-family: Times New Roman,Times,serif;
    text-align: center;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(tetedadsurweb.png);
    height: 38px;
    width: 100%;
}
#menudad {
    color: #ffffcc;
    float: left;
    padding-top: 10px;
    text-align: left;
    margin-left: 10px;
}
#corpsdad {
    text-align: left;
    padding-right: 5px;
    color: #ffffff;
    padding-left: 0px;
    padding-top: 20px;
    margin-left: 160px;
}
#pieddad {
    font-size: 8pt;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url(tetedadsurweb.png);
    background-position: center bottom;
    color: #ff6666;
    width: 100%;
    height: 35px;
}
h1 {
    margin-bottom: 0%;
    margin-top: 0%;
    font-family: Arial,Helvetica,sans-serif;
}
h2 {
    color: #000066;
    font-family: Arial,Helvetica,sans-serif;
    margin-top: 10px;
}
h3 {
    color: #ffff99;
}
img {
    margin: 10px 20px 10px 15px;
    float: left;
}
.imagegauche {
    float: left;
    margin-right: 50px;
    margin-left: 10px;
}
.imagedroite {
    float: right;
    margin-left: 20px;
}
#dadsurweb {
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    color: #3366ff;
}
#clignot {
    text-decoration: blink;
}
a {
    color: #ffffff;
}
a:hover {
    color: #ffffff;
}
bouton {
    padding: 5px;
    text-align: center;
    width: 120px;
    height: 25px;
    background-color: #000080;
}
a.bouton {
    padding: 5px;
    width: 120px;
    height: 25px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
    color: #33ccff;
    background-position: center;
    background-image: url(_bleu_1.jpg);
    background-repeat: repeat-x;
}
a:visited {
    color: #ffffff;
}
a.bouton:hover {
    padding: 5px;
    width: 120px;
    height: 25px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    background-color: #0000ff;
    background-image: url(_bleu_4.jpg);
    font-family: Arial,Helvetica,sans-serif;
    color: #000099;
}
boutoninerte {
    padding: 5px;
    width: 120px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    color: #000099;
    background-image: url(_bleu_4.jpg);
    background-position: center;
    height: 30px;
}
a.boutoninerte {
    padding: 5px;
    width: 120px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    color: #000099;
    background-image: url(_bleu_4.jpg);
    background-position: center;
    height: 30px;
}

J'ai également rajouté une couleur de fond à <body> pour les écrans plus grands que 1000px.

(avant abandon de NVU)

Suis-je le seul a être agacé par ce genre de "menace" ?
On n'est pas là pour faire grimper le nombre d'utilisateurs Nvu, mais pour aider les utilisateurs Nvu. Si tu veux utiliser un autre logiciel que Nvu (payant ou piraté), ne te gêne pas, mais je ne vois pas en quoi ça résoudra ton problème de CSS !

[Ymai]

(avant abandon de NVU)

Suis-je le seul a être agacé par ce genre de "menace" ?
On n'est pas là pour faire grimper le nombre d'utilisateurs Nvu, mais pour aider les utilisateurs Nvu. Si tu veux utiliser un autre logiciel que Nvu (payant ou piraté), ne te gêne pas, mais je ne vois pas en quoi ça résoudra ton problème de CSS !

+1
Je crois qu'il m'est même arrivé d'encourager le changement de logiciel, dans ces cas-là.
Sans doute reste-t-il bien du travail pour faire comprendre ce qu'est le logiciel libre; et la différence avec le propriétaire, où ce type d'argument peut éventuellement faire bouger un SAV trop peu réactif.
A tenter chez Bill.

Suis-je le seul à penser que le LL, ce n'est pas qu'un produit?

[dadpub]

vous fachez pas !
je suis pas un specialiste , je me demandais si y'avait pas un autre produit libre et gratuit paraissant plus simple
merci.

[chinon37]

bah, si tu trouves plus simple en libre, en gratuit, avec une communauté pour aider à résoudre les problémes, active et réactive... n'hésite surtout pas... Nvu/Kpz n'est pas la panacée... simplement un logiciel qui crée des pages en html