Tom's Guide > Forum > Programmation > css

css

Forum Programmation : css

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
gamehops   29-08-2005 à 00:39:54

Bonjour à tous mon css ne marche pas et vu que sa fait longtemp que j'ai plus programer pouvez-vous me direce qui ne va pas merci d'avance:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Web-Mania</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("http://aphraelle.free.fr/hellshock.htm" );
}



#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.png" );
background-repeat: no-repeat;
margin-bottom: 10px;
}




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

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

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
{
height: 30px;

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

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



#pied_de_page
{
padding: 5px;

text-align: center;

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

border: 2px solid black;
}
</head>
<body>
<!-- L'en-tête -->

<div id="en_tete">

</div>

<!-- Les menus -->

<div id="menu">
<div class="element_menu">
<h3></h3>
<ul>
</ul>
</div>
<div class="element_menu">
<h3><img src="http://www.action-webmasters.com/images/graphisme/125.gif"></img></h3>
<ul>

<li><a href="index.html">Accueil</a></li>
<li><a href="page1.html">News</a></li>
<li><a href="page2.html">Livre d'or</a></li>
<li><a href="page3.html">Me contacter</a></li>
</ul>
</div>

<div class="element_menu">
<h3><img src="http://www.action-webmasters.com/images/graphisme/135.gif"></img></h3>
<ul>
<li><a href="page4.html">Créer votre site</a></li>
</ul>
</div>
<div class="element_menu">
<h3><img src="http://www.action-webmasters.com/images/graphisme/131.gif"></img></h3>
<ul>
<li></li>
</ul>
</div>
</div>

<!-- Le corps -->

<div id="corps">
<h1>Mon super site</h1>

Bienvenue sur mon super site !

Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)

Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p

Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.

Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
</div>

<!-- Le pied de page -->

<div id="pied_de_page">
<p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
</div>

</body>
</html>

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
OmaR   29-08-2005 à 07:31:40
- 0 +

Citation :


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("http://aphraelle.free.fr/hellshock.htm" );
}



Remplaces le par :

Citation :


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("http://aphraelle.free.fr/hellshock.htm" );
}




Et remplaces ça :

Citation :


#pied_de_page
{
padding: 5px;

text-align: center;

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

border: 2px solid black;
}
</head>



Par ça :

Citation :


#pied_de_page
{
padding: 5px;

text-align: center;

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

border: 2px solid black;
}
</style>
</head>



D'après mes souvenirs, t'as déja posté un message y'a pas longtemps pour savoir comment on faisait pour mettre du CSS... et j'avais déja répondu ! :-?

Répondre à OmaR
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > css
Aller à :

Il y a 2623 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,268 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens