IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Le DOCTYPE supprime mes attributs !


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Aquellito
    Développeur informatique
    Inscrit en
    Juin 2008
    Messages
    337
    Détails du profil
    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2008
    Messages : 337
    Par défaut Le DOCTYPE supprime mes attributs !
    Bonjour à tous,

    Bon comme d'habitude, je ne comprends vraiment rien au css.

    La déclaration du DOCTYPE dans ma page HTML supprime mes attributs de la class : table.tonna td.0_2_2_0. Sans cette déclaration, tout va bien bizarrement...

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    table.tonna
    {
    	font-size:9px;
    	margin:0px;
    	padding:0px;
    	position:absolute;
    	top:30px;
    }
    table.tonna td
    {
    	border:0px;
     
    	vertical-align:top;
    	padding:5px;
    	text-align:center;
    	white-space:nowrap;
    	background-color:#FFF;
    }
    table.tonna td.0_2_2_0
    {
    	border-left:0px;
    	border-top:solid 1px #333;
    	border-right:solid 1px #333;
    	border-bottom:0px;
     
    	vertical-align:top;
    	padding:5px;
    	text-align:center;
    	white-space:nowrap;
    	background-color:#FFF;
    }

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <body>
    <table class='tonna'>
    <tr>
        <td class='0_2_0_0'>Lun</td>
    </tr>
    </table>
    </body>
    </html>

    Merci à vous,
    Axel

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,
    Si j'étais vous:
    - Je verrais une structure de page comme celle-ci:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Document sans nom</title>
    </head>
     
    <body>
    </body>
    </html>
    - Puis je lirais ces ressources pour mieux comprendre:
    http://xhtml.developpez.com/faq/?pag...#html_doctypes
    http://css.developpez.com/faq/?page=...doctype_design

  3. #3
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Hello,

    Citation Envoyé par Aquellito Voir le message

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    table.tonna td.0_2_2_0 {}

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
        <td class='0_2_0_0'>Lun</td>
    ton sélecteur ne porte pas le même nom que ta classe. D'autre part, ton nom de classe de devrait pas commencer par un chiffre.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  4. #4
    Membre éclairé Avatar de Aquellito
    Développeur informatique
    Inscrit en
    Juin 2008
    Messages
    337
    Détails du profil
    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2008
    Messages : 337
    Par défaut
    Si j'étais vous:
    - Je verrais une structure de page comme celle-ci:


    J'ai juste voulu simplifier la chose mais les balises citées y étaient bien

    ton sélecteur ne porte pas le même nom que ta classe

    En, effet, c'était une erreur de frappe

    BINGO ! Tu avais raison, c'était le nom de ma classe qui ne doit pas commencer par un chiffre. ça marche très bien maintenant.

    Merci beaucoup

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [FTP] Impossible de supprimer mes fichiers sur FTP
    Par Invité dans le forum Langage
    Réponses: 6
    Dernier message: 24/04/2008, 09h16
  2. comment supprimer un attribut ou un element d un fichier xml
    Par ryoussef19 dans le forum Visual C++
    Réponses: 11
    Dernier message: 07/08/2007, 14h16
  3. impossible de supprimer mes messages
    Par LUDIVINE54 dans le forum Outlook Express / Windows Mail
    Réponses: 2
    Dernier message: 07/05/2007, 13h30
  4. XMLCursor : Supprimer un attribut
    Par Sylvain James dans le forum XMLRAD
    Réponses: 4
    Dernier message: 02/10/2003, 16h57
  5. [IB71] Je ne peux plus supprimer mes foreign key...
    Par BoeufBrocoli dans le forum InterBase
    Réponses: 3
    Dernier message: 19/09/2003, 14h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo