Problème de CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de CSS

Message par Florian Zityo le Dim 10 Juil 2011 - 22:00

Bonsoir.
J'ai créé une page XHTML pour mon forum pokémon, et j'ai ensuite rajouté du CSS, pour faire plus joli.

Je ne suis qu'un débutant en la matière.Voici mon problème:
Spoiler:
Et voici mon code :
Spoiler:

<!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>Poketime dex</title>
<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-color: rgb(210,221,240);
}
#en_tete
{
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
p
{
font-size: medium;
font-family: "Comic Sans MS", Géorgia, serif;
text-align: left;
}
em, strong
{
color: rgb(227,6,39);
}
a:hover
{
color: red;
text-decoration: none;
}
a:focus
{
color: green;
text-decoration: none;
}
a:visited
{
color: white;
text-decoration: none;
}
a
{
color: black;
text-decoration: none;
}
#corps
{
margin-left: 140px; /* Une marge à gauche pour que le corps ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background-color: rgb(64,170,168); /* Une couleur de fond pour le corps */
background-image: url("images/motif.png");
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#pied_de_page
{
padding: 5px;
clear: both;
text-align: center;
color: #B3B3B3;
background-color: #626262;
background-repeat: repeat-x;
border: 2px solid black;
}
/*FIN DU CSS*/
</style>
</head>
<body>
<!--DEBUT XHTML-->
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>

<div id="menu"><!-- Ici on mettra le menu -->
<h3>Lien vers poketime</h3>
<p>
<a href=poketime-forumgratuit.fr/forum> Forum </a>
</p>
</div>

<div id="corps"><!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->

<p>Le pokedex est en travaux !Revenez plus tard </p>
<!-- Rappel : Pokedex contient taille poids évolution pré-évolution -->
<p><strong><em>Bulbizarre</em></strong> Pokemon N°1

Taille:70cm Poids:6,9 kg

Evolue en Florizarre au niveau 16</p>

<p><strong><em>Herbizarre</em></strong> Pokemon N°2

Taille:1m Poids:13 kg

Evolue en Florizarre au niveau 32 / Evolution de bulbizarre</p>

<p><strong><em>Florizarre</em></strong> Pokemon n°3

Taille: 2 m Poids: 100 kg

N'évolue plus / évolution de Herbizarre</p>

<p><strong><em>Salameche</em></strong> Pokemon N°4

Taille: 60 cm Poids: 8,5 kg

Evolue en Reptaincel au niveau 16</p>

<p><strong><em>Reptaincel</strong></em> Pokémon N°5

Taille: 1,1 m Poids: 19 kg

Evolue en Dracaufeu au niveau 36 / Evolution de Salamèche</p>

<p><strong><em>Dracaufeu</em></strong> Pokémon N°6

Taille: 1,7m Poids: 90,5 kg

N'évolue plus / Evolution de Reptaincel</p>

<p><strong><em>Carapuce</em></strong> Pokémon N°7

Taille: 9 kg Poids: 50 cm

Evolue en Carabaffe au niveau 16</p>

<p><strong><em>Carabaffe</em></strong> Pokémon N°8

Taille: 1 m Poids: 22,5 kg

Evolue en Tortank au niveau 36 / Evolution de Carapuce</p>

<p><strong><em>Tortank</strong></em> Pokémon N°9

Taille: 1,6 m Poids: 85,5 kg

N'évolue plus / Evolution de Carabaffe</p>

<p><strong><em>Chenipan</strong></em> Pokémon N°10

Taille: 30 cm Poids: 9 kg

Evolue en Chrysacier au niveau 7</p>

<p><strong><em>Chrysacier</strong></em> Pokémon N°11

Taille: 70 cm Poids: 10 kg

Evolue en Papilusion au niveau 10 / Evolution de Chenipan</p>

<p><strong><em>Papilusion</strong></em> Pokémon N°12

Taille: 1,1 m Poids: 32 kg

N'évolue plus / Evolution de Chrysacier</p>

<p><strong><em>Aspicot</strong></em> Pokémon N°13

Taille: Poids: </p>
</div>

<div id="pied_de_page">
Pokemon est une marque de <strong>Pokemon Company</strong>.
</div>

</body>
</html>
Sinon, voici la page qui bug: La page qui bug

C'est bon, Résolu.


Dernière édition par Florian Zityo le Lun 11 Juil 2011 - 13:41, édité 2 fois

Florian Zityo
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 10/07/2011

http://poketime-c.forumgratuit.org
Florian Zityo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS

Message par Invité le Dim 10 Juil 2011 - 22:14

Bonsoir,

En remplaçant charset=iso-8859-1 par charset=UTF-8, est-ce que ça corrige le problème?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS

Message par Florian Zityo le Dim 10 Juil 2011 - 22:19

Merci!
Ca a corrigé le problème en entiers.
Cordialement.

Florian Zityo
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 10/07/2011

http://poketime-c.forumgratuit.org
Florian Zityo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS

Message par Alex Fowl le Dim 10 Juil 2011 - 22:26

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Alex Fowl
+ Hyperactif +

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum