bonjour,
je suis débutant et j'ai créé une page index.html, quand j'utilise différent navigateur l'affichage n'est pas le même
voici mon code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Les cocktails</title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body class="arrierplan1"> <div class ="position1"><a href="menu.html"><img src="image\menu.gif" border=0></div> <div class ="position2"><a href="materiel\materiel.html"><img src="image\materiel.gif" border=0></div> <div class ="position3"><a href="shaker/shaker.html"><img src="image\shaker.gif" border=0></div> <div class ="position4"><a href="longdrink\longdrink.html"><img src="image\ldrink.gif" border=0></div> <div class ="position5"><a href="coupe\coupe.html"><img src="image\coupe.gif" border=0></div> <div class ="position6"><a href="vcocktail\vcocktail.html"><img src="image\vcoktail.gif" border=0></div> <div class ="position7"><a href="lien\lien.html"><img src="image\liens.gif" border=0></div> <div class ="position8"><a href="email\email.html"><img src="image\email.gif" border=0></div></P> </a> </body> </html>
et mon styles.css
.arrierplan1 { margin: 0px 0px 0px 0px; font-family: Verdana; font-size: 9pt; background: #ffffff; color: #000000; background-image: url(sable2.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top left; } .position1{ position: absolute; top: 40 px; left: 40 px } .position2{ position: absolute; top: 80 px; left: 40 px } .position3{ position: absolute; top: 113 px; left: 40 px } .position4{ position: absolute; top: 160 px; left: 40 px } .position5{ position: absolute; top: 200 px; left: 40 px } .position6{ position: absolute; top: 240 px; left: 40 px } .position7{ position: absolute; top: 280 px; left: 40 px } .position8{ position: absolute; top: 320 px; left: 40 px } .titre1{ font-family: "Lucida Console"; size: 16px; color: #FEFF5B; text-align: center; } .paragraphe1{ size: 14px; color: #FF5C1E; text-align: center; font-style: italic; font-weight: bold; } /* :link permet de définir les propriétés des liens */ .lien1:link{ font-size:20pt; color : red; text-decoration : none; } /* :visited permet de définir les propriétés des liens déjà visités */ .lien1:visited{ font-size:20pt; color: Lime; text-decoration: none; } /* :active permet de définir les propriétés d'un lien actif - qui vient d'être cliqué */ .lien1:active{ font-size:20pt; color: Black; text-decoration: none; } /* :hover permet de définir les propriétés du lien quand le curseur le survole */ .lien1:hover{ font-size:20pt; color: White; text-decoration: underline; }
j'ai utiliser un validateur w3c mais je sis pas comment l'interpréter.
pouriez vous me dire ou sont mes erreurs
merci