CSS, webmaster? aidez-moi

close
FILTRES DE LA RECHERCHE
REPONDRE
surveiller
SURVEILLER

nicolas81
nicolas81

Nicolas81
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



webmaster
webmaster

God of Partoch
Tabber motivé
Tab à donf !
1 photo
9204 messages
Modérateur
Administrateur
Webmaster
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)
nicolas81
nicolas81

Nicolas81
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;
}

fan-de-soad
fan-de-soad

Fan-de-soad
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

webmaster
webmaster

God of Partoch
Tabber motivé
Tab à donf !
1 photo
9204 messages
Modérateur
Administrateur
Webmaster
+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)
fan-de-soad
fan-de-soad

Fan-de-soad
t'utilises quoi comme editeur nico?

nicolas81
nicolas81

Nicolas81
bloc-notes
Et merci pour l'erreur

fan-de-soad
fan-de-soad

Fan-de-soad
de rien icon_redface

Dreamslayer
Dreamslayer

Dreamslayer
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

nicolas81
nicolas81

Nicolas81
 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


REPONDRE
surveiller
SURVEILLER


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



+