codage fonctionne mal
Forum Programmation : codage fonctionne mal
Bonjour à tous
Je suis nouveau sur ce forum.
Je viens de parcourir les recherches et je trouve pas mon problème.
Voici mon problème :
Je crée un site internet en xhtml et css.
Dans mon css j'ai mis des propriétés dans le body.
Certaines fonctionnent, comme l'image de fond, la police et la couleur de me textes.
Mais certaines ne fonctionnent pas, comme la taille de mes textes.
Aussi, bien que je mette un [font-weight: normal;] j'ai une partie de mes textes qui reste en gras.
Si vous voulez du plus concret, je peux envoyer mon code.
Merci d'avance pour vos réponses.
jéjé
Pour la taille c'est font-sixe: 12px;
En fait j'ai mis un font-size: 1.1em dans le body et ça fonctionne seulement dans une partie du body.
Et dans la partie qui ne fonctionne pas, le texte reste en gras toujours.
Bonjour =)
C'est normale, tu dois définir ces propriété dans les autre balise, si ta un h1 il a ses propriété, et meme si tu le definir dans body il va quand meme appliquer les siennes, donc tu dois redéfinir les propriété pour les 3/4 des balises que tu utilises.
Alex
Merci pour la réponse.
Mais dans ces balises qui ne fonctionne pas, le texte reste en gras alors que j'ai mis dans le body et dans la balise un font-weight: normal;
Aurais-tu une idée pour le mettre en normal ? Je peut t'envoyer mon code xhtml et css si tu veux.
Message édité par jeje104 le 28-01-2007 à 19:32:23
font-weight: normal;
essaie sa pour voir
Message édité par xsq@IDN le 28-01-2007 à 17:53:02
Désolé c'était une erreur dans mon message c'est bien : que j'ai déjà mis. Mais ça ne fonctionne pas...
je crois qu'un lien vers la page ou le code serait util
euh je sais pas faire ça, le code est seulement sur mon ordinateur.
Mais je peux t'envoyer mon fichier si tu veux.
Avec firefox un simplie clic droit tu a le code de ta page!
Oui mais je peux pas mettre un lien vers mon ordinateur sur le forum ?
Non donne plutot le lien vers ton site!
Sans vouloir t'offencé tes pas tres futfut ^^ Il te dis que il a son fichié sur son disque dur et donc pas sur le net
Fait un copié colé de ton code html + css
| Citation : Je crée un site internet en xhtml et css. |
Il a pas dit qu'il l'avait pas héberger!
| jeje104 a écrit : euh je sais pas faire ça, le code est seulement sur mon ordinateur.
|
Ok pas vu désolé
C'est rien
On va atendre son code
le xhtml :
<!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>Le 4L Club de la Juine à Méréville ( Essonne )</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design général" href="general.css" />
</head>
<body>
<div id="en_tete">
<h1>Bienvenue au 4L Club de la Juine !</h1>
<p class="visite"> Nous vous souhaitons une agréable visite.</p>
</div>
<ul id="menu">
<li><a class="accueil" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="historique" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="membres" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="préparation" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="photos" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="livredor" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="forum" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="contacts" href="http://www.4lclubdelajuine.com"></a></li>
<li><a class="liens" href="http://www.4lclubdelajuine.com"></a></li>
</ul>
<div id="corps">
<p class="interrogation">
<a href="http://www.4lclubdelajuine.com" title="Proposez votre réponse..."><strong><em>Mais pourquoi des 4L ???<em><strong></a><br />
</p>
<p class="texte">
Le 4L Club de la Juine est une des nombreuses associations sportives de Méréville.<br />
La petite particularité du club : comme la plupart des écuries automobiles, le 4L club de la Juine pourrait avoir pour activité principale de participer à des courses afin de gagner, monter sur le podium, être en première position des classements…<br />
Que nénies !! Pas du tout !! Notre objectif est avant tout de faire du spectacle, du spectacle et rien que du spectacle. Nous sommes plutôt spécialisés dans tout ce qui n’est pas permis sur la route, avec une petite préférence pour l’art du tonneau (pas de vin je précise…) mais bien celui qui met la tête en bas…<br />
Mais trêve de discutions, je vous laisse visiter le site du 4L Club de la Juine pour ainsi vous ébahir devant les photos…<br />
Le club vous souhaite une bonne visite et surtout ne tentez pas de reproduire ces folies que vous allez voir…
</p>
</div>
<div id="pied_de_page">
<p>
N'hésitez pas à laisser votre trace sur notre livre d'or.<br />
Vous avez une suggestion à propos du site ? Merci de <a href="mailto:">contacter le Webmaster</a>.
</p>
</div>
</body>
</html>
le css :
body
{
background-image: url("./images/fond_decran/fond_decran_transforme/fond_decran_28g.jpg" );
background-attachment: fixed;
font-style: italic;
font-weight: normal;
color: #00217c;
font-size: 1.1em;
font-family: "Comic Sans MS", Arial, Verdana, serif;
}
h1
{
color: #c86000;
font-size: 2.5em;
font-style: italic;
font-weight: bold;
text-align: center;
}
#en_tete
{
text-align: center;
}
#en_tete p.visite
{
font-size: 1.1em;
}
#menu
{
float: left;
list-style:none;
padding: 0;
float: left;
}
#menu a
{
display: block;
height: 103px;
width: 180px;
background-repeat: no-repeat;
}
#menu a:hover
{
font-size: 103px;
}
#menu li
{
padding:0;
margin: 0:
}
#menu a.accueil
{
background: url("./images/menu/accueil_endroit.gif" ) no-repeat;
}
#menu a.accueil:hover
{
background: url("./images/menu/accueil_envers.gif" ) no-repeat;
}
#menu a.historique
{
background: url("./images/menu/historique_endroit.gif" ) no-repeat;
}
#menu a.historique:hover
{
background: url("./images/menu/historique_envers.gif" ) no-repeat;
}
#menu a.membres
{
background: url("./images/menu/membres_endroit.gif" ) no-repeat;
}
#menu a.membres:hover
{
background: url("./images/menu/membres_envers.gif" ) no-repeat;
}
#menu a.préparation
{
background: url("./images/menu/preparation_endroit.gif" ) no-repeat;
}
#menu a.préparation:hover
{
background: url("./images/menu/preparation_envers.gif" ) no-repeat;
}
#menu a.photos
{
background: url("./images/menu/photos_endroit.gif" ) no-repeat;
}
#menu a.photos:hover
{
background: url("./images/menu/photos_envers.gif" ) no-repeat;
}
#menu a.livredor
{
background: url("./images/menu/livredor_endroit.gif" ) no-repeat;
}
#menu a.livredor:hover
{
background: url("./images/menu/livredor_envers.gif" ) no-repeat;
}
#menu a.forum
{
background: url("./images/menu/forum_endroit.gif" ) no-repeat;
}
#menu a.forum:hover
{
background: url("./images/menu/forum_envers.gif" ) no-repeat;
}
#menu a.contacts
{
background: url("./images/menu/contacts_endroit.gif" ) no-repeat;
}
#menu a.contacts:hover
{
background: url("./images/menu/contacts_envers.gif" ) no-repeat;
}
#menu a.liens
{
background: url("./images/menu/liens_endroit.gif" ) no-repeat;
}
#menu a.liens:hover
{
background: url("./images/menu/liens_envers.gif" ) no-repeat;
}
#corps
{
margin-left: 200px
}
#corps p.interrogation
{
text-align: center;
}
#corps p.interrogation a
{
color: #c86000;
font-size: 1.3em;
}
#corps p.texte
{
font-size: 1.1em;
font-weight: normal;
text-indent: 60px;
text-align: justify;
}
#pied_de_page
{
text-align: center;
font-size: 0.9em;
font-weight: normal;
color: black;
font-family: "Comic Sans MS", Arial, Verdana, serif;
}
#pied_de_page a
{
text-decoration: none;
color: black;
font-style: italic;
}
#pied_de_page a:hover
{
color: red;
}
Merci
En fait ça déconne quand j'ouvre avec Firefox, dans Internet Explorer le texte n'est pas gras.
laisse moi deviner, c'est "Bienvenue au 4L Club de la Juine !" qui est en gras non?
Oui mais ça c'est normal...
En fait ce qui ne va pas c'est le texte dans la balise <p class="texte">
Et si tu remplace ca :
#corps p.texte
{
font-size: 1.1em;
font-weight: normal;
text-indent: 60px;
text-align: justify;
}
par
.texte
{
font-size: 1.1em;
font-weight: normal;
text-indent: 60px;
text-align: justify;
}
Tu as toujours l'erreure ?
Oui, j'ai la même erreur.
C'est quelqu'un qui connais bien qui m'avait conseillé de marquer le chemin. Mais ça change rien. Lui qui connais bien il n'a aucune idée du problème...
# c'est pour une id . c'est pour une class donc essaye p.texte {
Ben il me semble que c'est bien un point devant le nom
Demain si personne n'as trouvé j'essaierais de faire plusieur test pour voir si sa marche
Message édité par xsq@IDN le 29-01-2007 à 22:26:46
Bah oui le corps c'est un id et le texte c'est une class
Salut
Alors ces petits essais sont-ils concluant ? Ou bien je pose une colle qui est définitivement prise de tête
Code :
|
Tu ouvres un <em>, un <strong> et tu ne les refermes pas, et tu voudrais que la classe texte override ce que tu impose dans ton html?
Apprend à faire du (x)html propre et tu auras une page propre.
Répondre à crazycat@idn
Merci crazycat, c'est vraiment une étourderie mais je suis un débutant c'est pardonnable non ?
Je trouve ta réponse un peu sèche. Etant modérateur sur un autre forum, je n'accepterais pas une réponse comme ça de la part d'aucun membre...
Une personne qui fait beaucoup de sites (certifiés par le W3) m'a dit que mon xhtml était très propre...
Sinon merci quand-même
Je n'hésiterais pas si j'ai d'autre problèmes
| Citation : Une personne qui fait beaucoup de sites (certifiés par le W3) m'a dit que mon xhtml était très propre... |
Je suis d'accord avec cette personne...
C'est vrai que crazycat est violent là...
Quand tu as des erreurs dans ce genre, tu devrais vérifier la structure de ton code à l'aide d'un logiciel qui permet d'éditer de l'XML... comme ça, ça te dit si tes balises sont pas fermées ... Sinon tu fait valider ton code sur le site du W3C : http://validator.w3.org/
Répondre à MoOx_t
oui, j'ai été sec pour une bonne raison: il existe un paquet d'outils pour vérifier son code, depuis le validator w3c (qui existe aussi pour les CSS) en allant jusqu'aux plugins type "tidy validator" pour firefox.
Et j'ai pris le:
| Citation : Alors ces petits essais sont-ils concluant ? Ou bien je pose une colle qui est définitivement prise de tête |
comme un foutage de gueule de ceux qui cherchaient à aider.
De plus, je pense que tout ceux qui auront lu ma réponse la retiendront, donc tout n'est pas perdu.
Ceci dit, si tu as encore des problèmes, je me ferais un plaisir de t'aider.
Sans rancune.
aaaaaaaaaahhhh !!! et non c'était pas un foutage de gueule, je n'oserais pas manquer de respect, surtout pour des gens qui essaient de m'aider. Puis je vais pas me moquer de quelqu'un sur un truc que je connais pas bien...
Enfin bref on va s'arrêter là.....
Et merci encore à tous ceux qui se sont penchés sur mon cas, je savais vraiment pas quoi faire.
On va me passer un site pour coder plus facilement (actuellement je code avec notepad++), je crois que celui qu'on va me passer comporte pas mal d'automatismes. Mais je voulais continuer avec notepad afin de m'abituer et de ne pas prendre tout de suite des mauvaises habitudes...
Longue vie au forum
si tu veux un bon éditeur, tu peux soit rester avec notepad++ ou approchant (crimsoneditor), sinon eclipse est pas mal et zend studio est une rolls
Répondre à crazycat@idn
Connaissez vous Scite ?
Il est énromément performant. Ultre rapide à ouvirr des très gros fichiers. Et surtout super paramétrable... Je vous conseille à tous de jeter un coup d'oeil là : http://www.the-asw.com/articles/20 [...] ispensable
| MoOx_t a écrit : Connaissez vous Scite ?
|
Je ne connaissais pas et je te remercie du lien
Mais je préconise de plus en plus d'utiliser des IDE qui permettent de faire de gros projets facilement.
Répondre à crazycat@idn
perso c'est VI (enfin gvim)
- utlilisable sur tous les systemes
- la puissance de son mode commande (et surtout les expressions régulières)
malheureusement personne n'a eu l'idée de l'intégrer à un IDE digne de ce nom
à défaut c'est eclipse
Il y a 2388 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
