CSS, webmaster? aidez-moi

close
FILTRES DE LA RECHERCHE

bon comme vous pouvais vous en doutez je galère avec le CSS! icon_redface mon écriture dans la partie corps n'est pas du tout bien!il y a un mot par ligne!! j'y comprend rien.. sad Pouviez vous svp me dire ce qui cloche dans ce que j'ai fait :
#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
width: 760px;
height: 110px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: center;
}


#pied_de_page
{
width: 789px;
height: 70px;
margin-left: 140px;
margin-bottom: 30px;
padding: 5px;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}


MERCI


God of Partoch
Tabber motivé
Tab à donf !
2 photos
8782 messages
Modérateur
Administrateur
faudrait le code complet, avec le html pour que je puisse te répondre wink

Si tout le monde vous donne raison, c'est que vous êtes d'une intelligence remarquable … ou bien que vous êtes le patron ! (Desproges)
J'ai juste mis un lien vers partoch.com, ai-je le droit? icon_cheesygrin mais il n'est pas encore en ligne! icon_cheesygrin
HTML:
<!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 !-Acceuil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="essai.css" />
</head>

<div id="en_tete">
<!..banière..>
</div>
<div id="menu">
<div class="element_menu">
<h3>Menu principale</h3>
<ul>
<li><a href="tablature cassis.html">page suivante</a></li>
<li><a href="http://www.myspace.com/dunkelheit81">le myspace du groupe</a></li>
<li><a href="http://www.tonis.skyblog.com">mon blog</a></li>
</ul>
</div>

<div class="element-menu">
<h3>Autre sit web</h3>
<ul>
<li><a href="http://www.siteduzero.com">les zéros</a></li>
<li><a href="http://www.partoch.com">partoch</a></li>
<li><a href="http://WWW.myspace.com">myspace</a></li>
</ul>
</div>

<div id="corps">

<p>
<h1>Nicolas</h1>

<h2>Bonjour et bienvenue sur mon site !</h2><br/>
<br />
</p>


<h2>Me voilà!!</h2>


<p>Voici une photo que j'ai prise lors de mes dernières vacances:
<img src="mio.jpg" alt="Photo de moi:"/></p><br/>
<p> puis là encore une autre ^^:
<img src="encoremoi.jpg" alt="Photo de moi"/></p><br/>
<p>celle-la je l'adore..wink:
<img src="insolite_194.gif" alt="trop marrant" /></p><br/>
<p>vous l'aimez vous bean ??:
<img src="bean.gif" alt="MR.Bean"/></p><br/>



<h2>L'auteur</h2>
<p> L'auteur? Bé c'est moi avec l'aide de M@theo21 et tout les zéros...^^(je me comprends quand je dis tout les zéros!)</p>
</div>

<div id="pied_de_page">
<p>
Copyright © Toute reproduction totale ou partielle est interdite sans l'accord des auteurs
</p>
</div>
<p><a href="tablature cassis.html">page suivante-tablature cassis</a></p>
</body>
</html>

CSS:
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
background-image: url("saxo.jpg");
}

#en_tete
{
width: 400px;
height:157px;
background-image: url("grainettles.jpg");
background-repeat: no-repeat;
margin-bottom: 20px;

}
#menu
{
float: left;
width: 120px;
}

.element_menu
{
background-color: #626262;
background-image: url("alocooliques28.gif");
background-repeat: no-repeat;

border: 2px solid black;

margin-bottom: 20px;
}
.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul {
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}

#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
width: 760px;
height: 110px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: center;
}

#pied_de_page
{
width: 789px;
height: 70px;
margin-left: 140px;
margin-bottom: 30px;
padding: 5px;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}


God of Partoch
1 photo
11942 messages
salut

t'as oublié une balise </div>

a la fin de ton div "menu" rajoute en un car y'en a qu'un au lieu de deux



et donc comme t'avais pas fermé ton menu bah les mots du corps faisaient une liste


God of Partoch
Tabber motivé
Tab à donf !
2 photos
8782 messages
Modérateur
Administrateur
+1 avec fan de icon_cheesygrin

<div id="en_tete">
<!-- banière -->
</div>
<div id="menu">
<div class="element_menu">
<h3>Menu principale</h3>
<ul>
<li><a href="tablature cassis.html">page suivante</a></li>
<li><a href="http://www.myspace.com/dunkelheit81">le myspace du groupe</a></li>
<li><a href="http://www.tonis.skyblog.com">mon blog</a></li>
</ul>
</div> <!-- fin du div elemenr-menu -->

<div class="element-menu">
<h3>Autre sit web</h3>
<ul>
<li><a href="http://www.siteduzero.com">les zéros</a></li>
<li><a href="http://www.partoch.com">partoch</a></li>
<li><a href="http://WWW.myspace.com">myspace</a></li>
</ul>
</div> <!-- fin du div element menu -->
</div> <!-- ICI : fin du div menu -->

<div id="corps">


si je peux me permettre de te donner un petit conseil : pour éviter ce type de prise de tête il faut toujours commenter ses sources pendant le développement (tu peux les supprimer quand tout est ok) et décaler le contenu de chaque bloc dans le code pour reperer visuellement ou commence un div et où il se termine wink

Si tout le monde vous donne raison, c'est que vous êtes d'une intelligence remarquable … ou bien que vous êtes le patron ! (Desproges)

God of Partoch
1 photo
11942 messages
t'utilises quoi comme editeur nico?

bloc-notes
Et merci pour l'erreur


God of Partoch
1 photo
11942 messages
de rien icon_redface

Je te conseille très fortement d'utiliser note pad plutot que le bloc note. En effet la coloration synthaxique et l'intendation (presque automatique) et quelque fonctionnalité sympathique en font un très bon utilitaire. Si t'a des problème avec le CSS, le HTML ou n'importe quel langage informatique, je te conseil d'aller à www.siteduzero.com

 Citation :
Je te conseille très fortement d'utiliser note pad plutot que le bloc note. En effet la coloration synthaxique et l'intendation (presque automatique) et quelque fonctionnalité sympathique en font un très bon utilitaire. Si t'a des problème avec le CSS, le HTML ou n'importe quel langage informatique, je te conseil d'aller à www.siteduzero.com

je connais ce site c'est de là que je maitrise un peu le HTML et le CSS! icon_cheesygrin
mais pour notepad, c'est l'ordi a ma soeur donc je ne peux rien faire! sad






>> Plan du Bienvenue au PUB !! | suivi de la discussion | Tags : color, corps, images, black, url, png, background-image, background-repeat, text-align

+