<html>
<head><title>romain</title>
<meta charset=UTF-8>
<link rel="stylesheet" media="screen" type="text/css" title="index" href="style.css" /></head>
<body>
<html>
<nav>
<ul id="navigation">
<li><a href="#" title="acceuil">accuiel</a></li>
<li><a href="#" title="3D">3D</a></li>
<li><a href="#" title="html">HTML</a></li>
<li><a href="#" title="dessin">dessin</a></li>
<li><a href="#" title="contact">contact</a></li>
</ul>
</nav>
<section>
<div id="bonjour">
<p>L’AUTONOMIE est une de mes principales qualités : j’aime beaucoup mener des projets d’un
bout à l’autre sans passer par de nombreux intermédiaires. J’aime me former en continu
aux nouvelles technologies du web ou aux nouveaux outils afin de garder cette autonomie.
bon par court sur mon site web!!</p>
</div>
<footer>
<p>Copyright Romain teulade- Tous droits réservés<br />
</footer>
<body>
</html>
Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: c;">Votre code ici</pre>.
Mauvais titre
Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.
Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).
De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.
Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.
Pour modifier votre titre, éditez le premier message de votre sujet.
(titre originel : css)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas sûre d'avoir compris non plus, j'ai déduis que le style des liens de ta nav ne s'affichait pas, mais j'ai copié ton code, et, à part l'image que je n'ai pas, tout y est :$
ligne 8 : <html> en trop ligne 19 : <section> pas fermée ligne 30 : <p> pas fermé
La bonne orthographe c'est : ACCUEIL
Côté CSS : - quelle est l'idée de mettre les <li> en inline et leur donner un width:100% ? - Et un height:100%, 100% de quoi ? C'est d'autant plus inutile puisque tu les mets inline. - N'utilise pas des % sur les margins. - font-color ça n'existe pas.
Pour ton problème, pareil que Caroline. En dehors de l'image de background, les styles s'appliquent.
Vous cherchez à faire un menu déroulant ? Visitez www.frogweb.fr ! frogweb le site qu'il vous faut !
bonjour je suis sur mon menu il se répète au point des texture. je cherche a centrée mon menu je vous redonne le code html est css
<html>
<head><title>romain</title>
<meta charset=UTF-8>
<link rel="stylesheet" media="screen" type="text/css" title="index" href="style.css" /></head>
<body>
<html>
<ul id="navigation">
<li><a href="accuiel" title="aller à la section 1">accuiel</a></li>
<li><a href="3D" title="aller à la section 2">3D</a></li>
<li><a href="plaquette web" title="aller à la section 3">HTML</a></li>
<li><a href="dessin" title="aller à la section 4">dessin</a></li>
<li><a href="photo" title="aller à la section 5">photo</a></li>
</ul>
<div id="bonjour">
<p>L’AUTONOMIE est une de mes principales qualités : j’aime beaucoup mener des projets d’un
bout à l’autre sans passer par de nombreux intermédiaires. J’aime me former en continu
aux nouvelles technologies du web ou aux nouveaux outils afin de garder cette autonomie.
bon par court sur mon site web!!</p>
</div>
<footer>
<p>Copyright Romain teulade- Tous droits réservés<br />
</footer>
<body>
</html>
pour mon css je suis sur une image qui ne devrais pas se répété avec un menu centrer est mon html au centre de l'image.ma question est comment met on l'image sans quelle se répète? merci d'avance .
CSS
body
{
background: url('images/image_de_fond.jpg');
background-size: cover;
background-repeat: no-repeat ;
font-family:arial;
font-size: 16px;
}
#navigation li {
padding:150px;
background-image: url('images/menu.png');
display: inline;
float:center;
}
ul{
height:100px;
margin-top:130px;
text-decoration: none;
}
#bonjour{
margin-top:130px;
background-color:white;
padding:150px;
opacity: 0.5;
border-radius: 50px;
}
footer {
position: relative;
clear: both;
font-size: 0.8em;
padding : 10px 20px ;
border-top: 1px solid gray;
}
a { color: black; /*par exemple, pour le comportement standart*/
} a:hover
{ color: red; /* pour le passage de la souris*/
}
effectivement il y avait des erreurs au niveaux de la norme W3C.mais cela ne change rien car j'ai toujour mon menu en dessous de mes image je vous est fais une archive pour voir ou sont les défaut de mon site web. merci de votre attention a ce qui me répondrons.
<a href="http://www.k-upload.fr/afficher-fichier-2018-07-18-15e6c594asiteweb.rar.html" target="_blank" title="K-Upload - Hébergeur de fichier gratuit"><img src="http://file.k-upload.com/k-upload_fr.png" border="0" alt="Hébergez vos fichiers sur K-upload" /></a>
Bien, ne pas hésiter à entourer les éléments d'une bordure de couleur pour voir l'espace qu'il occupe.
Vous devez jouer sur les positionnement des liens en absolut tout en indiquent les <li> en position relative.
J'ai donner une largeur aux <li>, un défaut visuel était que l'image était répétée dans la liste. Solution 1) donner une dimension aux block contenant l'image de fond, solution 2) ne pas répété l'image de fond;
Attention que vos visiteurs ne possède pas une largeur d'écran comme vous, il faudra prévoir le cas ou la dimension de l'écran et plus faible, ce qui placerait le menu sur deux lignes. Avec la hauteur de l'image de fond que vous avez choisis (245px) cela fait une hauteur de 490px.
merci je continue mon site il me reste a voir comment l'agencer dans une autre résolution.
problème css image et menu
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)