Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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.
avatar

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
Membre actif

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