Bonjour à vous!
J'ai un bon gros problème. Je suis en fin de session en intégration web. Je suis à ma première session et je dois à présent intégrer complètement ma maquette web. Le problème, c'est mon menu!
J'essaie de faire en sorte qu'il se trouve en haut à droite.
Voici un lien qui montre ma maquette web.
https://2img.net/r/ihimg/a/img28/723/go4i.png
J'ai essayer de trouver ailleurs, sans réponse et je ne peux pas demander à mon prof.
Voici mon HTML.
- Spoiler:
- Code:
-
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<link href="css/exemple_reset.css" rel="stylesheet">
<link href="css/stylesheet.css" rel="stylesheet">
</head>
<body>
<div id="background">
<!-- HEADER HEADER HEADER HEADER HEADER HEADERHEADER HEADER HEADERHEADER HEADER HEADERHEADER HEADER HEADER -->
<div id="redbar">
<img src="img/redbar.png"alt="redbar">
</div>
<div id="logo">
<h1>
<img src="img/logo.png"alt="logo">
</h1>
</div>
<li>
<ol> Accueil </ol>
<ol> Réalisation </ol>
<ol> Soumission </ol>
<ol> Contact </ol>
</li>
<div="clearfix">
<!-- CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU CONTENU -->
<div id="brique">
<img src="img/brique.png">
</div>
<!-- FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER -->
</div>
</body>
</html>
et voici mon CSS
- Spoiler:
- Code:
-
@charset "utf-8";
/* CSS Document */
/* COMMMUN COMMUN COMMUN*/
#background{
background-color:#974b31;
margin:0 auto;
width: 960px;
height:1485px;
}
/* Header*/
#redbar{
background-image:url(../img/redbar.png);
background-repeat:repeat-x;
width:903px;
height:15px;
margin-left:31px;
}
#logo {
margin-left:31px;
height:45px;
float:left
}
/* Menu*/
ul {
padding:0;
margin:0;
list-style-type:none;
}
li {
list-style-type:none;
margin-right:2px;
float:right; /*pour IE*/
}
/* Contenu de la page*/
#brique{
width:30px;
margin right:31px;
margin-left:31px;
margin-top:60px;
}
/*Footer*/
J'ai également un Reset si vous voulez voir. ^^
Merci énormément!
Sam 30 Mar 2024, 22:07 par 
