Code HTML
loulou0797
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
loulou0797 Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
loulou0797 Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
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.
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:
- Code HTML
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Editeur html - Télécharger - HTML
3 réponses
Explique moi cette ligne stp ...
que font des balises header dans l'entête du document ?!
<!DOCTYPE html> <html> <header> </header> <head>
que font des balises header dans l'entête du document ?!
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
Merci autre soucis si tu as une solution:
https://forums.commentcamarche.net/forum/affich-25934720-comment-faire-un-formulaire-d-inscription#p25934881
