Accueil
Rechercher
Publications
Dernières images
Connexion
S'enregistrerMenu et corp aide svp
5 participants
kuroganeAnge discret
Nombre de messages : 19
Réputation : 0
Points : 0
Date d'inscription : 01/11/2007
Menu et corp aide svp
Sam 15 Déc 2007, 12:32
Bonjour a tous et merci d'avance pour vos reponse.
VOila mon problème :
https://2img.net/r/ihimizer/img504/2320/screenblemesk9.png
Je voudrais que le menu sois au meme niveau que le corp :-/
pour que vous puissiez m'aider je met le HTML et le CSS avec
HTML:
CSS:
voila j'attends vos reponse avec impatience =)
VOila mon problème :
https://2img.net/r/ihimizer/img504/2320/screenblemesk9.png
Je voudrais que le menu sois au meme niveau que le corp :-/
pour que vous puissiez m'aider je met le HTML et le CSS avec
HTML:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="globe">
<div id="corps">
<h3>Présentation</h3>
<p>
Bonjour et bienvenue sur mon site !<br />
Vous ètes ici sur mon site =)
Je suis Graphiste <em> amateur </em> je graph depuis plus d'un ans mais depuis plus de 6mois sur Adobe Photoshop.<br>
Qui je pense est le meilleur logiciel pour ce que je fait =) . </br>
<br>J'espère que vous aprecirez ce que je fait ;-).</br></p>
</div>
<div id="menu">
<div class="element_menu">
<h3>Menu</h3>
<ul>
<li><a href="galeriesign.html">Signatures</a></li><br></br>
<li><a href="galerievector.html"> Vector </a></li><br></br>
<li><a href="galeriewall.html"> Wallpapers</a></li><br></br>
<li><a href="galerieautre.html"> Autres</a></li><br></br>
</ul>
</div>
</div>
</div>
</body>
</html>
CSS:
body /* On travaille sur la balise body, donc sur TOUTE la page */
{
background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: RGB(38,111,244)
}
a:hover
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: RGB(114,95,224);
}
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("./images/gally.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
p
{
text-align: center;
}
#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-color: #626262; /* Une couleur de fond pour le corps */
background-image: url("images/motif.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
h3
{
text-align: center;
}
{
background-color: black; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: RGB(38,111,244)
}
a:hover
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: RGB(114,95,224);
}
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#en_tete
{
width: 760px;
height: 100px;
background-image: url("./images/gally.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
p
{
text-align: center;
}
#corps
{
margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-color: #626262; /* Une couleur de fond pour le corps */
background-image: url("images/motif.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
h3
{
text-align: center;
}
voila j'attends vos reponse avec impatience =)
NororeAdmin
Nombre de messages : 2606
Logiciel : Gimp - Inkscape
Réputation : 49
Points : 1010
Date d'inscription : 23/11/2007
Détails sur le membre
Logiciel principal: Gimp
Ma disponibilité: Dispo pour surveiller, pour grapher, faudra patienter...
Spécialités graphiques: Codeur
Re: Menu et corp aide svp
Sam 15 Déc 2007, 12:56
Bonjour, as-tu essayé de voir ce que ça donne en mettant le menu avant le corps :) ?
- kuroganeAnge discret
Nombre de messages : 19
Réputation : 0
Points : 0
Date d'inscription : 01/11/2007
Re: Menu et corp aide svp
Sam 15 Déc 2007, 13:16
Oui j'ai deja essayer mais le menu fusionne avec le corp =/
- NororeAdmin
Nombre de messages : 2606
Logiciel : Gimp - Inkscape
Réputation : 49
Points : 1010
Date d'inscription : 23/11/2007
Détails sur le membre
Logiciel principal: Gimp
Ma disponibilité: Dispo pour surveiller, pour grapher, faudra patienter...
Spécialités graphiques: Codeur
Re: Menu et corp aide svp
Sam 15 Déc 2007, 13:35
Essai de rajouter
- Code:
margin : 0 ;
- kuroganeAnge discret
Nombre de messages : 19
Réputation : 0
Points : 0
Date d'inscription : 01/11/2007
Re: Menu et corp aide svp
Sam 15 Déc 2007, 14:58
Toujours pas =/
gekkoPetit démon
Nombre de messages : 704
Logiciel : Suite CS4 : Flash CS4, Dreamweaver CS4, Firework CS4, Photoshop CS4
Réputation : 2
Points : 95
Date d'inscription : 30/08/2006
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Toujours
Spécialités graphiques: Aide technique
Re: Menu et corp aide svp
Sam 15 Déc 2007, 17:15
Dans ton HTML mais le DIV menu avant le corps... Ca devrais marcher....
- kuroganeAnge discret
Nombre de messages : 19
Réputation : 0
Points : 0
Date d'inscription : 01/11/2007
Re: Menu et corp aide svp
Sam 15 Déc 2007, 17:24
Mon problème est résolu j'ai passer le div corp en dessous du div menu et cela a marcher le contraire ne devait pas marcher a cause des balises /div vu qu'il y en avait 3ou 4 xD
Merci
Merci
- NororeAdmin
Nombre de messages : 2606
Logiciel : Gimp - Inkscape
Réputation : 49
Points : 1010
Date d'inscription : 23/11/2007
Détails sur le membre
Logiciel principal: Gimp
Ma disponibilité: Dispo pour surveiller, pour grapher, faudra patienter...
Spécialités graphiques: Codeur
Re: Menu et corp aide svp
Sam 15 Déc 2007, 17:33
D'où l'utilité, parfois, de bien incrémenter son code :konten: !
- kuroganeAnge discret
Nombre de messages : 19
Réputation : 0
Points : 0
Date d'inscription : 01/11/2007
Re: Menu et corp aide svp
Sam 15 Déc 2007, 18:00
=)
autre petite question de debutant ^^
comment j'enlève le vieux contour bleu d'une image ?? j'ai chercher et je ne trouve pas
autre petite question de debutant ^^
comment j'enlève le vieux contour bleu d'une image ?? j'ai chercher et je ne trouve pas
miniden71Staff
Nombre de messages : 908
Logiciel : Photoshop CS5
Réputation : 10
Points : 144
Date d'inscription : 05/09/2005
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: toujours disponible
Spécialités graphiques: Signature
Re: Menu et corp aide svp
Sam 15 Déc 2007, 18:06
peu tu mettre l'url de ta page stp comme sa je pourrais t'aider
- kuroganeAnge discret
Nombre de messages : 19
Réputation : 0
Points : 0
Date d'inscription : 01/11/2007
Re: Menu et corp aide svp
Sam 15 Déc 2007, 18:09
l'url ? je ne l'ai pas il est pas encor heberger mon site
- miniden71Staff
Nombre de messages : 908
Logiciel : Photoshop CS5
Réputation : 10
Points : 144
Date d'inscription : 05/09/2005
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: toujours disponible
Spécialités graphiques: Signature
Re: Menu et corp aide svp
Sam 15 Déc 2007, 18:14
alors envoie moi un mp avec ton msn on va mettre sa sur le mien pour tester
- NororeAdmin
Nombre de messages : 2606
Logiciel : Gimp - Inkscape
Réputation : 49
Points : 1010
Date d'inscription : 23/11/2007
Détails sur le membre
Logiciel principal: Gimp
Ma disponibilité: Dispo pour surveiller, pour grapher, faudra patienter...
Spécialités graphiques: Codeur
Re: Menu et corp aide svp
Sam 15 Déc 2007, 18:18
Pour l'image, un simple
- Code:
img {border : 0px ;}
- gekkoPetit démon
Nombre de messages : 704
Logiciel : Suite CS4 : Flash CS4, Dreamweaver CS4, Firework CS4, Photoshop CS4
Réputation : 2
Points : 95
Date d'inscription : 30/08/2006
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Toujours
Spécialités graphiques: Aide technique
Re: Menu et corp aide svp
Dim 16 Déc 2007, 17:53
Norore a écrit:Pour l'image, un simpledevrais suffire :happy: !
- Code:
img {border : 0px ;}
Ouais c'est celui ci! La bordure bleu qui passe sur ton image est la bordure par défaut pour un a href sur une image.... Tu peux modifier ça avec le CSS ou bien juste avec le code que Norore nosu èa donner :Oeil:
- kuroganeAnge discret
Nombre de messages : 19
Réputation : 0
Points : 0
Date d'inscription : 01/11/2007
Re: Menu et corp aide svp
Dim 16 Déc 2007, 21:24
Merci c'est bon bordure disparu =)
FeiyueAnge assidu
Nombre de messages : 162
Logiciel : 19 ans
Réputation : 0
Points : 0
Date d'inscription : 15/10/2007
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Tous les Soirs ^^
Spécialités graphiques: Création template
Re: Menu et corp aide svp
Dim 16 Déc 2007, 22:12
Norore a écrit:Pour l'image, un simpledevrais suffire :happy: !
- Code:
img {border : 0px ;}
Norore Deesse du CSS ^^"...
- NororeAdmin
Nombre de messages : 2606
Logiciel : Gimp - Inkscape
Réputation : 49
Points : 1010
Date d'inscription : 23/11/2007
Détails sur le membre
Logiciel principal: Gimp
Ma disponibilité: Dispo pour surveiller, pour grapher, faudra patienter...
Spécialités graphiques: Codeur
Re: Menu et corp aide svp
Dim 16 Déc 2007, 22:40
Feiyue a écrit:Norore a écrit:Pour l'image, un simpledevrais suffire :happy: !
- Code:
img {border : 0px ;}
Norore Deesse du CSS ^^"...
Euh, c'est toi le codeur :languue: !
- miniden71Staff
Nombre de messages : 908
Logiciel : Photoshop CS5
Réputation : 10
Points : 144
Date d'inscription : 05/09/2005
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: toujours disponible
Spécialités graphiques: Signature
Re: Menu et corp aide svp
Lun 17 Déc 2007, 14:15
a oui j'y avait même pas penser
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum