Mon premier site

Bonjour à tous,

Tout d'abord, je voulais remercier les personnes qui s'occupent de ce site! Bravo et merci! Je vous rassure c'est pas de la lèche mais c'est juste histoire de dire que c'est grâce à ce site que je me suis lancé dans cette aventure et que j'ai construit (de mes dix doigts) çà : http://perso.wanadoo.fr/asso-vague-a-lame/
En résumé, j'ai crée pour un ami le site internet de son asso, asso qui a pour but de promouvoir la lame sonore... Enfin j'arrête là avec la présentation parce que vous allez être lassé! Visitez le site, ce sera plus simple!

Bref, j'ai utilisé Notepad++ pour la conception avec EasyPHP. Sous Firefox, l'affichage est parfait, par contre sous IE, c'est la grosse cata! Les élements ne sont pas collés, je texte à des propriétés différentes... Etant débutant, je suis persuadé que c'est un problème mineur mais je n'y arrive pas.

Voivi le fichier .CSS

body
{
border: 0px dashed grey;
border–collapse:collapse;
background–image:url(Images/Vague_background.jpg);
background–repeat:no–repeat;
background–position:top center;
width:780px;
height:565px;
margin:auto;
margin–top:10px;
margin–bottom:20px;
}
#accueil
{
background–color:white;
background–image:none;
}
#radio_blog
{
border:none;
overflow:none;
margin:0px;
width:220px;
height:300px;
}
#header
{
width: 780px;
height: 100px;
margin–bottom: 0px;
border:0px dashed orange;
border–collapse:collapse;
}
#menu
{
float: left;
width: 170px;
height:420px;
padding–left:2px;
border–collapse:collapse;
border:0px solid blue;
}
.en–tête_menu_principal
{
height:20px;
margin–left:0px;
background–image:url(Images/Menu1.gif);
background–repeat:no–repeat;
}
.menu_principal
{
height:128px;
margin:0px;
margin–left:0px;
border:1px solid #01A4E2;
border–collapse:collapse;
background–color:white;
}
.menu_secondaire
{
height:207px;
margin–top:3px;
margin–bottom:3px;
border:1px solid #01A4E2;
overflow:auto;
border–collapse:collapse;
background–color:white;
}
.en–tête_radio_blog
{
height:20px;
margin–left:0px;
background–image:url(Images/Menu3.gif);
background–repeat:no–repeat;
}
.menu_radio_blog
{
height:34px;
margin:0px;
border:1px solid #01A4E2;
border–collapse:collapse;
background–color:white;
}
#corps
{
height:420px;
border:0px dashed orange;
border–collapse:collapse;
}
.corps_titre
{
height:165px;
margin:0px;
margin–top:0px;
border:0px dashed grey;
}
.corps_contenu
{
height:254px;
overflow:auto;
margin:0px;
margin–top:0px;
border:0px dashed grey;
}
#footer
{
height:40px;
border:0px dashed orange;
border–collapse:collapse;
background–color:white;
padding–top:5px;
}
table
{
border:0px dashed red;
border–collapse:collapse;
vertical–align:top;
}
tr
{
border:0px dashed yellow;
border–collapse:collapse;
vertical–align:top;
}
td
{
border:0px dashed yellow;
border–collapse:collapse;
vertical–align:top;
}
h1
{
color:white;
font–size:24px;
font–family:monotype corsiva‚ verdana‚ arial;
text–align:left;
padding–left:175px;
padding–top:10px;
padding–bottom:3px;
margin:0px;
margin–right:5px;
}
.titre_asso
{
color: #01A4E2;
font–size :48px;
font–family: monotype corsiva‚ verdana‚ arial;
text–align: center;
padding:5px;
padding–top:20px;
padding–bottom:20px;
margin:0px;
}
p
{
color: white;
font–size : 12px;
font–family: verdana‚ arial;
text–align: justify;
padding:5px;
margin:0px;
}
.indent
{
text–indent: 25px;
}
.center
{
text–align:center;
font–size:10px;
color:silver;
}
ul
{
list–style–position:inside;
list–style–type:square;
color:white;
font–size:12px;
font–family:verdana‚ arial;
padding:5px;
}
.menu_1
{
border: 0px dashed red;
margin:0px;
margin–top:0px;
color:8D8A4A;
list–style–image:none;
list–style–type:none;
}
.notes_bas_page
{
color:gray;
font–size :10px;
font–family:verdana‚ arial;
text–align:center;
vertical–align:bottom;
margin:0px;
}
.maintenance
{
color: navy;
font–size : 12px;
font–family: verdana‚ arial;
text–align: center;
padding–top:50px;
margin:0px;
}
.redirect
{
color: gray;
font–size : 12px;
font–family: verdana‚ arial;
text–align: center;
padding–top:10px;
margin:0px;
}
.gras
{
font–weight:bold;
}
.radio_blog
{
text–align:center;
margin–top:4px;
}
.val
{
color: gray;
font–size : 14px;
font–family: monotype corsiva‚verdana‚ arial;
text–align: justify;
padding:5px;
margin:0px;
}
a:link {color:#01A4E2; text–decoration:none;border–style:none;}
a:visited {color:#01A4E2; text–decoration:none;border–style:none;}
a:hover {color:black; text–decoration:none;font–weight:bold;border–style:none;}
a:active {color:grey; text–decoration:none;font–weight:bold;border–style:none;}
a:focus {text–decoration:none;border–style:none;}
a img {border:none;}

.link_menu_1:link {display:block;color:grey;line–height:20px;font–weight:bold;border–style:none; font–family:verdana‚ arial;text–decoration:none;}
.link_menu_1:visited {display:block;color:grey;line–height:20px;font–weight:bold;border–style:none;text–decoration:none;}
.link_menu_1:hover {display:block;color:black;line–height:20px;font–weight:bold;border–style:none;background–color:white;text–decoration:none;}
.link_menu_1:active {display:block;color:grey;line–height:20px;font–weight:bold;border–style:none;text–decoration:none;}
.link_menu_1:focus {display:block;color:#01A4E2;line–height:20px;font–weight:bold;border–style:none;text–decoration:none;}

.link_corps:link {color:white;text–decoration:none;font–weight:bold; border–style:none; font–family:verdana‚ arial;}
.link_corps:visited {color:white;text–decoration:none; border–style:none;font–weight:bold;}
.link_corps:hover {color:silver;font–weight:bold;text–decoration:none; border–style:none;background–color:none;}
.link_corps:active {color:silver;text–decoration:none; border–style:none;font–weight:bold;}
.link_corps:focus {color:silver;text–decoration:none; border–style:none;font–weight:bold;}

Voilà, je prends tout bon conseil...
En vous remerciant par avance de l'aide que vous m'apporterez,
A+
Benoît

Bonjour à tous,

Sur les conseils de dubs, j'ai tenté de corriger mes erreur avec le site de W3C. J'ai réussi à corriger certaines d'entre elles mais pas toutes. Ces fautes persistentes sont celles correspondant aux caractères UNICODE. Où trouve t'on une grille de ces fouttus caractères?
De plus, en suivant le cours xhtml du site, j'ai dans mon en-tête un DOCTYPE=XHTML 1.1 En fouillant un peu, j'ai trouvé qu'il existait un XHTML 2.0 Alors quels sont les différences?
Dernière question : le site de W3C permet de valider sa page (en local ou serveur) mais je crois comprendre qu'elle est vérifiée avec une vieille version du XHTML? Où puis-je trouver un validateur pour du XHTML dernière génération?

La correction de ces erreurs ne changent rien pour l'affichage avec IE! J'ai toujours ce défaut... Vous avez une idée?

Je suis pas sûr d'avoir été clair mais n'hésitez pas à me poser des questions!
Merci d'avance pour vos réponses,
A+

Benoît

BMT

13 mars 2006 à 20:54:18

Adrien Dubois

13 mars 2006 à 21:03:56

salut les différences d'affichage entre IE et Mozilla proviennent surement des erreurs signalés au W3c. Ton site n'est pas valide
http://validator.w3.org/check?uri=http%3A%2F%2Fperso.wanadoo.fr%2Fasso-vague-a-lame%2FAccueil.html&charset=%28detect+automatically%29&doctype=Inline
Essaye déja de corriger les erreurs qu'il te signale

Sinon j'aime bien a premiére vu le design de ton site (sous mozilla)

Bonne continuation...

ABCduWeb, Création de Site Internet

13 mars 2006 à 22:40:46

Merci de ta réponse, cela me fait plaisir

Je vais tâcher de corriger mes erreurs en suivant ton lien...
Je vous tiens au courant,
A+

14 mars 2006 à 19:02:27

14 mars 2006 à 20:15:55

va voir a cette adresse pour le balises xhtml http://giminik.developpez.com/xhtml/
Pour le reste de tes questions je ne pense pas pouvoir y répondre dsl

A+ et bonne continuation.

Pb d'affichage IE/Firefox

Mon premier site

Supprimer

Modérer

Signaler le message aux modérateurs