La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Problème d'interpration
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Problème d'interpration  (Lu 1751 fois)
Problème d'interpration
« sur: le 21-10-2012 a 23:03:26 »
chipkill
Membre récent
*

Hors-Ligne

Messages: 7





Voir le Profil
Répondre avec citation

Bonjour,
Je suis en train de creer un site internet depuis quelques jour. Aujourd'hui un problème majeur s'est présenté à moi : l’interprétation de mon code diffère sérieusement d'un navigateur à l'autre.
Chrome, le bon élève, ne me pause aucun souci.
Explorer, le cancre, fait tout de travers : Type de police, taille de police, couleur de texte, alignement, tout y passe.. Visiblement, c'est le CSS qu'il digère mal.
Bref, je sais pas du tout quoi faire pour mettre tout les navigateurs d'accord.
Si quelqu'un pouvait m'aider ce serait cool.
Merci par avance

Code:
<a href="index.html"><div id="entete"><h1>Titre</h1></div></a>

Code:

body
{
   font-family: arial;
  background: url(background.jpg);
   
}
h1
{
   text-align: left;
   font-size: 100;
  font-family: segoe print;
  color: 4BB5C1;
}
a
{
   color: black;
   text-decoration: none
}   
#entete
{

   width: 100%;
   height: 200;

}

Rapporter au modérateur  

Re:Problème d'interpration
« Répondre #1 sur: le 21-10-2012 a 23:13:13 »
Bluely
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 56





Voir le Profil
Répondre avec citation

Salut Chipkill,
ce qui serait bien dans un premier temps afin que tous les navigateurs puissent se mettre d'accord, ce serait d'ajouter en tout début de ta feuille de style un reset css.
Tapes reset css sur google. Je te conseille celui d'Eric Meyer.

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #2 sur: le 21-10-2012 a 23:31:32 »
chipkill
Membre récent
*

Hors-Ligne

Messages: 7





Voir le Profil
Répondre avec citation

Merci pour ta réponse Bluely, mais une fois le reset mis, comment puis-je modifier mon css à ma guise ? (par exemple, je n'arrive plus à modifier la taille des textes et les dimensions des divs..)

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #3 sur: le 21-10-2012 a 23:55:28 »
Bluely
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 56





Voir le Profil
Répondre avec citation

Après il te suffit d'adapter le reset a ton site.
Enleve le font-size:100% par exemple comme ça tu pourras donner tes tailles.
En général, ton code tu le mets après le reset css et donc il pourra écraser et annuler certains styles du reset.

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #4 sur: le 22-10-2012 a 00:06:12 »
chipkill
Membre récent
*

Hors-Ligne

Messages: 7





Voir le Profil
Répondre avec citation

Les navigateurs sont d'accord mais mon css ne m’obéit plus... J'ai pas l'impression que mes modifs ne prennent pas le dessus, même en enlevant certains éléments du reset 

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #5 sur: le 22-10-2012 a 07:24:24 »
Bluely
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 56





Voir le Profil
Répondre avec citation

C'est étrange. Tu as surement dû oublié un élément.
Tu peux également avoir 2 feuilles de styles liées à ta page html.
Dans ce cas, le reset css et ton code seront séparés pour éviter toute erreur.
Si tu as encore un problème , peux-tu montrer ta feuille de style ?

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #6 sur: le 22-10-2012 a 08:19:57 »
chipkill
Membre récent
*

Hors-Ligne

Messages: 7





Voir le Profil
Répondre avec citation

J'ai fait le choix de mettre mon css au début de mon html, sur la même feuille,  c'est peut-être le problème..? Comment fait-on déjà pour associer une feuille de style séparée ?

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #7 sur: le 22-10-2012 a 08:25:24 »
chipkill
Membre récent
*

Hors-Ligne

Messages: 7





Voir le Profil
Répondre avec citation

voici mon code
Code:
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*fin reset Eric Meyer*/

body
{
  font-family: arial;
  background: url(background.jpg);
 
}
h1                                     
{
  text-align: left;                   
  font-size: 70;
  font-family: segoe print;
  color: 4BB5C1;
}
a
{
  color: black;
  text-decoration: none
}
}
#menu
{
  text-align: center;
  font-size: 30;

}
#entete
{

  width: 100%;
  height: 300;

}

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #8 sur: le 22-10-2012 a 08:36:21 »
Bluely
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 56





Voir le Profil
Répondre avec citation

Il te manque les unités (% ou px ou em).
Tu ne peux pas d'après moi juste mettre une valeur.
Ex:font-size:30px;

Pour lier une feuille de style en externe tu trouveras facilement sur Google.

« Dernière Édition: le 22-10-2012 a 08:38:20 par Bluely » Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #9 sur: le 22-10-2012 a 16:24:11 »
chipkill
Membre récent
*

Hors-Ligne

Messages: 7





Voir le Profil
Répondre avec citation

Je vais essayer de rajouter les unités, bien qu'il me semble que ce soit des pxs par défaut..

Rapporter au modérateur  
Re:Problème d'interpration
« Répondre #10 sur: le 22-10-2012 a 16:28:00 »
chipkill
Membre récent
*

Hors-Ligne

Messages: 7





Voir le Profil
Répondre avec citation

Il semble que les unités soient nécessaires finalement, même pour les pixels 
Merci pour ton aide précieuse Bluely 

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg