Code HTML

Fermé
loulou0797 Messages postés 8 Date d'inscription dimanche 26 août 2012 Statut Membre Dernière intervention 27 août 2012 - 26 août 2012 à 14:15
loulou0797 Messages postés 8 Date d'inscription dimanche 26 août 2012 Statut Membre Dernière intervention 27 août 2012 - 27 août 2012 à 20:44
Bonjour,


Voila mon code htlm pour mon site:


<!DOCTYPE html>
<html>
<header>

</header>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Kalorius Serveur</title>
<div align="center"><a href="http://tinypic.com/images/goodbye.jpg" target="_blank"><img src="http://tinypic.com/images/goodbye.jpg" border="0" alt="Image and video hosting by TinyPic"></a></div>
</head>
<body>
<h1>Kalorius Serveur</h1>
<h2><div align="center">Serveur World Of Warcraft en 3.3.5 </h2></div>
<ul id="menu-easy">
<li>
<a href="#">Accueil</a>

</li>
<li>
<a href="#">Rates</a>
</li>
<li>
<a href="#">Zone membres</a>
<ul classs="sous-menu"">
<li><a href="#">Connexion</a></li>
<li><a href="#">Inscription</a></li>
</ul>
</li>
<a href="#">Screen</a>

</ul>
<p> Bonjour et bienvenue sur Kalorius Serveur Privé World Of Warcraft 3.3.5
Serveur Semi-Fun, crée par: Worius et Kaølyr </p>
</ul>
<a href="<!--A METTRE LE LIEN DE RPG PARADIZE--!>">Pour voter:</a>

</html>

Et voici le css:


p
{
font-size: 20px; /* Paragraphes de 20 pixels */
width: 350px; /* On a indiqué une largeur (obligatoire) */
margin: auto; /* On peut donc demander à ce que le bloc soit centré avec auto */
border: 1px solid black;
text-align: justify;
padding: 12px;
margin-bottom: 20px;
}
h1
{
font-size: 40px; /* Titre de 40 pixels */
font-style: italic; /* Titre en italique */
font-weight: bold; /* Titre en gras */
text-decoration: underline; /* Titre en souligné */
text-align: center; /* Titre centrer */
border: 3px blue groove ; /* Bordure */
}
*
{
font-family: Comic Sans MS /* Police */
}
body
{
background-image: url("http://media.arstechnica.com/images/tiger/aqua-blue-panther.jpg") /* image de fond */

}
#menu-easy
{
background: 004772;
width: 644px;
height: 30px;
font-size: 16px;
font-family: sans-serif,arial;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
}
#menu-easy li
{
float: left;
width: 150px
margin: 0;
padding: 0;
border: 0;
}
#menu-eaasy li a:linl, menu-easy li a:visited
{
display: block;
height: 1%;
color: #FFF;
backround: black;
margin: 0;
padding: 4px 8px;
border-right: 1px solid fff;
text-decoration: none;
}
#menu-easy li a:hover { backround-color: #003453; }
#menu-easy li a:active { backround-color: #003453; }

#menu-easy .sous-menu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menu-easy .sous-menu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid #003453;
border-right: 1px solidd #003453;
}
#menu-easy .sous-menu li a:link, #menu-easy .sous-menu li a:vis
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
backround: #002c47;
}
#menu-easy .sous-menu li a:hover
{
backround-image: none;
backround-color: #002c47;
}

#menu-easy li:hover > .sous-menu { display: block; ]


Mais voila quand je teste ca marche pas enfin le menu est en haut à droite au lieu d'être centré en dessous de Serveur Wow 3.3.5....

Merci de me donner un coup de main!!!!

Lucas

P.S: je débute en html, dites moi ce que vous en pensez pour un débutant.
A voir également:

3 réponses

loulou0797 Messages postés 8 Date d'inscription dimanche 26 août 2012 Statut Membre Dernière intervention 27 août 2012
26 août 2012 à 16:46
personne c'est important!!
0
benji69340 Messages postés 29 Date d'inscription lundi 4 avril 2011 Statut Membre Dernière intervention 29 août 2017 1
27 août 2012 à 20:40
Explique moi cette ligne stp ...
<!DOCTYPE html> 
<html> 
<header> 

</header> 
<head> 


que font des balises header dans l'entête du document ?!
0
loulou0797 Messages postés 8 Date d'inscription dimanche 26 août 2012 Statut Membre Dernière intervention 27 août 2012
27 août 2012 à 20:44
c'etait pour mettre ma banniére mais c bon c'est fini.

Merci autre soucis si tu as une solution:
https://forums.commentcamarche.net/forum/affich-25934720-comment-faire-un-formulaire-d-inscription#p25934881
0