Presque terminé mon code, juste confirmation
Résolu
euuuh
Messages postés
58
Date d'inscription
Statut
Membre
Dernière intervention
-
olivier114 Messages postés 1552 Date d'inscription Statut Membre Dernière intervention -
olivier114 Messages postés 1552 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je viens de faire mon site internet, j'ai donc composé mon code HTML et code CSS. Par contre au niveau de mon code CSS j'ai deux fichiers, un pour mon menu et un pour ma page (placement de images et couleurs du fond de la page,écriture,taille,etc..).
Ma question : Pour regrouper ls deux fichier, il faut simplement mettre les codes les uns à la suite des autres ou on ne peut pas et il faut faire deux fichiers différents pour une page et dans ce cas comment indiquer l'autre fichier dans la page HTML !
En qq mots comment regrouper mes fichier CSS?
Fichier CSS (qui concerne mon menu) :
*{
list-style:none;
}
#menucontainer{
position:relative;
height:50px;
color:#FFFFFF;
background:#363636;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#menunav{
position:relative;
height:38px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#363636 url(images/background.jpg) repeat-x bottom left;
padding:0 0 0 20px;}
#menunav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;}
#menunav ul li{
display:block;
float:left;
margin:0 1px;}
#menunav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:38px;}
#menunav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;}
#menunav ul li a:hover{
color:#EB5313;
background:transparent url(images/hover.jpg) repeat-x bottom left;}
#menunav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
color:#fff;
background:#EB5313 url(images/left.jpg) no-repeat top left;
line-height:275%;}
#menunav ul li a.current span{
display:block;
padding:0 20px 0 0;
width:auto;
background:#363636 url(images/right.jpg) no-repeat top right;
height:38px;}
Fichier CSS (qui concerne ma page) :
body{
background-color: #363636;
color: white;
font-size: small;
font-family: Century Gothic, Verdana, Trebuchet MS, Comic Sans MS, Georgia, serif;
text-align: center
}
.floatleft{
float: left;
display:inline;
padding: 2%;
margin-bottom: 10px;
margin-right: 0px;
width: 216px;
height: 45px;
}
.floatright{
float: right;
display:inline;
padding: 2%;
margin-bottom: 10px;
width: 216px;
height: 45px;
}
ET fichier HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Titre</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css"
title="stylesheet"
href="http://site.free.fr/menu_style.css">
</head>
<body>
<div style="display: block;">
<p align="center"><img
src="http://site.free.fr/images/titre.bmp"
alt="titre"></p>
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="http://site.free.fr/"
target="_self" title="Accueil" class="current"><span>Accueil</span></a></li>
<li><a
href="http://site.free.fr/prestations.html"
target="_self" title="Prestations"><span>Prestations</span></a></li>
<li><a href="http://site.free.fr/materiel.html"
target="_self" title="Matériel"><span>Matériel</span></a></li>
<li><a href="http://site.free.fr/Photos.html"
target="_self" title="Photos"><span>Photos</span></a></li>
<li><a href="http://site.free.fr/Contact.html"
target="_self" title="Contact"><span>Contact</span></a></li>
</ul>
</div>
</div>
</div>
<img class="floatleft"
src="http://site.free.fr/images/rallye.acc.bmp"
alt="Rallye">
<img class="floatright"
src="http://site.free.fr/images/concert.acc.bmp"
alt="Concert">Bienvenue chez nom du site:<br>
Du texte .. du texte..<br>
Du texte... du texte...;<br>
du texte....<br>
du texte ... du texte ..;
<p> </p>
<p></p>
<p><small><small>Du texte du texte....
</small></small></p>
</body>
</html>
Merci beaucoup d'avance de votre aide !
Je viens de faire mon site internet, j'ai donc composé mon code HTML et code CSS. Par contre au niveau de mon code CSS j'ai deux fichiers, un pour mon menu et un pour ma page (placement de images et couleurs du fond de la page,écriture,taille,etc..).
Ma question : Pour regrouper ls deux fichier, il faut simplement mettre les codes les uns à la suite des autres ou on ne peut pas et il faut faire deux fichiers différents pour une page et dans ce cas comment indiquer l'autre fichier dans la page HTML !
En qq mots comment regrouper mes fichier CSS?
Fichier CSS (qui concerne mon menu) :
*{
list-style:none;
}
#menucontainer{
position:relative;
height:50px;
color:#FFFFFF;
background:#363636;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#menunav{
position:relative;
height:38px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#363636 url(images/background.jpg) repeat-x bottom left;
padding:0 0 0 20px;}
#menunav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;}
#menunav ul li{
display:block;
float:left;
margin:0 1px;}
#menunav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:38px;}
#menunav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;}
#menunav ul li a:hover{
color:#EB5313;
background:transparent url(images/hover.jpg) repeat-x bottom left;}
#menunav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
color:#fff;
background:#EB5313 url(images/left.jpg) no-repeat top left;
line-height:275%;}
#menunav ul li a.current span{
display:block;
padding:0 20px 0 0;
width:auto;
background:#363636 url(images/right.jpg) no-repeat top right;
height:38px;}
Fichier CSS (qui concerne ma page) :
body{
background-color: #363636;
color: white;
font-size: small;
font-family: Century Gothic, Verdana, Trebuchet MS, Comic Sans MS, Georgia, serif;
text-align: center
}
.floatleft{
float: left;
display:inline;
padding: 2%;
margin-bottom: 10px;
margin-right: 0px;
width: 216px;
height: 45px;
}
.floatright{
float: right;
display:inline;
padding: 2%;
margin-bottom: 10px;
width: 216px;
height: 45px;
}
ET fichier HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Titre</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css"
title="stylesheet"
href="http://site.free.fr/menu_style.css">
</head>
<body>
<div style="display: block;">
<p align="center"><img
src="http://site.free.fr/images/titre.bmp"
alt="titre"></p>
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="http://site.free.fr/"
target="_self" title="Accueil" class="current"><span>Accueil</span></a></li>
<li><a
href="http://site.free.fr/prestations.html"
target="_self" title="Prestations"><span>Prestations</span></a></li>
<li><a href="http://site.free.fr/materiel.html"
target="_self" title="Matériel"><span>Matériel</span></a></li>
<li><a href="http://site.free.fr/Photos.html"
target="_self" title="Photos"><span>Photos</span></a></li>
<li><a href="http://site.free.fr/Contact.html"
target="_self" title="Contact"><span>Contact</span></a></li>
</ul>
</div>
</div>
</div>
<img class="floatleft"
src="http://site.free.fr/images/rallye.acc.bmp"
alt="Rallye">
<img class="floatright"
src="http://site.free.fr/images/concert.acc.bmp"
alt="Concert">Bienvenue chez nom du site:<br>
Du texte .. du texte..<br>
Du texte... du texte...;<br>
du texte....<br>
du texte ... du texte ..;
<p> </p>
<p></p>
<p><small><small>Du texte du texte....
</small></small></p>
</body>
</html>
Merci beaucoup d'avance de votre aide !
A voir également:
- Presque terminé mon code, juste confirmation
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Confirmation de lecture whatsapp - Guide
9 réponses
Merci beaucoup olivier de ta réponse ! Mais dans le cas ci-dessus y a t'il une différence si je met l'un ou l'autre avant? pas d'orde à respecter? et si jamais tu t'y connais peux tu jeter un coup d'oeil sur les codes si il y a pas d'erreur, Merci beaucoup et je te souhaite une bonne journée.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
de rien non pas d'ordre a respecter a moins que vous voulez les mettre dans un ordre précis.
ensuite j'ai effectivement regarder votre source je ne vois pas d'erreurs.
après vous voyez?
avez vous trouvez un hébergeur pour votre site?
cordialement
olivier114
ensuite j'ai effectivement regarder votre source je ne vois pas d'erreurs.
après vous voyez?
avez vous trouvez un hébergeur pour votre site?
cordialement
olivier114
Oui,oui j'ai essayé je viens de tt mettre en ligne .. ou presque mais comme je l'explique ds mon nouveau post , je n'arrive pas à centrer mon menu, avez vous idée et encore merci de votre aide et d'avoir regardé le code : https://forums.commentcamarche.net/forum/affich-16474807-comment-centre-mon-menu
Ps : Je préfère vs envoyer par msg pv le lien de mon site !
Ps : Je préfère vs envoyer par msg pv le lien de mon site !