Journal Voici des cours sympas de CSS

• # Re: Voici des cours sympas de CSS

  Posté par Michel Petit (site web personnel) le 07 avril 2004 à 18:17. Évalué à 2.

  

  http://alsacreations.com/articles/lettrine/(...)
  
  ...ils ajoutent une balise span inutile.
  
  Vu que le bloc a une classe, il suffisait d'utiliser la pseudo-classe :first-letter
  
  Mais sinon, c'est très interessant.

  • [^] # Re: Voici des cours sympas de CSS

    Posté par Ramso le 07 avril 2004 à 18:48. Évalué à 1.

    

    C'est dommage pour cette horreur car les autres articles sont pas mal.
    
    Qui lui a envoyé un mail ? Ou je me dévoue ? ;-)

    • [^] # Re: Voici des cours sympas de CSS

      Posté par Michel Petit (site web personnel) le 07 avril 2004 à 18:59. Évalué à 1.

      

      oh ! zut, il font l'erreur classique dans leur document xhtml : ils utilisent un content type "text/html" alors que selon :
      
      http://www.w3.org/TR/2002/NOTE-xhtml-media-types-20020801/#media-ty(...)
      
      The 'text/html' media type [RFC2854] is primarily for HTML, not for XHTML. In general, this media type is NOT suitable for XHTML
      
      il faut utiliser, dans leur cas, (XHTML Strict), "application/xhtml+xml"
      
      Sinon, vas-y pour le courriel, j'ai la flemme

      • [^] # Re: Voici des cours sympas de CSS

        Posté par Ramso le 07 avril 2004 à 19:03. Évalué à 1.

        

        Ça provoque quoi chez IE ?
        
        De mémoire, il y a des problèmes mais je crois que c'est surtout à cause du préamblue <?xml... ?> non ?

        • [^] # Re: Voici des cours sympas de CSS

          Posté par allcolor (site web personnel) le 08 avril 2004 à 08:46. Évalué à 1.

          

          Ben sous IE un content-type application/xhtml+xml, il n'affiche pas la page mais te propose de la downloader, c'est pour ça qu'une majorité de site faisant du xhtml l'envoie sous le content-type text/html.

          • [^] # Re: Voici des cours sympas de CSS

            Posté par Raphael Goetter le 08 avril 2004 à 10:14. Évalué à 1.

            

            @Malenki > tu n'as pas posté toute la phrase de la définition ;)
            
            However, as [RFC2854] says, [XHTML1] defines a profile of use of XHTML which is compatible with HTML 4.01 and which may also be labeled as text/html.
            
            [XHTML1], Appendix C "HTML Compatibility Guidelines" summarizes design guidelines for authors who wish their XHTML documents to render on existing HTML user agents.
            The use of 'text/html' for XHTML SHOULD be limited for the purpose of rendering on existing HTML user agents, and SHOULD be limited to [XHTML1] documents which follow the HTML Compatibility Guidelines.
            In particular, 'text/html' is NOT suitable for XHTML Family document types that adds elements and attributes from foreign namespaces, such as XHTML+MathML
            
            En clair, si le XHTML est utilisé comme compatible HTML, ça ne pose pas de problème. Il faut être attentif si le document XHTML est utilisé comme du XML ou du MathML.

            • [^] # Re: Voici des cours sympas de CSS

              Posté par Michel Petit (site web personnel) le 08 avril 2004 à 11:06. Évalué à 1.

              

              Merci d'avoir préciser :)

      • [^] # Re: Voici des cours sympas de CSS

        Posté par Ramso le 07 avril 2004 à 19:10. Évalué à 2.

        

        C'est fait.

        • [^] # Re: Voici des cours sympas de CSS

          Posté par Raphael Goetter le 07 avril 2004 à 19:44. Évalué à 5.

          

          Bonjour messieurs (dames) et merci à Hervé pour le mail qu'il m'a envoyé.
          
          Je reviens sur différents points évoqués :
          
          - "Simplement pour vous signaler une adresse sympa présentant des cours pas idiots et didactiques (et en francais (et biens foutus (et 42)))"
          >>> Merci bien d'avoir déniché Alsa et ses tutos ;)
          
          - "Vu que le bloc a une classe, il suffisait d'utiliser la pseudo-classe :first-letter"
          >>> Entièrement exact. Mais à ma connaissance, IE n'implémente pas cette pseudo-classe. Peut-être me trompé-je mais il me semble que j'avais testé le first-letter à l'époque. En attendant, il faut bien utiliser des bidouilles plus compatibles.
          
          C'est un peu le même problème pour l'alignement vertical : il suffirait de transformer en display table-cell, mais là encore ça ne fonctionne pas sur IE, donc il faut bidouiller.
          
          - " C'est dommage pour cette horreur car les autres articles sont pas mal."
          >>> J'essaye de faire de mon mieux, et certains tutos sont sans-doute déjà vieillissants, mais je suis prêt à accepter toutes remarques constructives ;)
          
          PS : merci de m'avoir fait découvrir ce "forum" :)

          • [^] # Re: Voici des cours sympas de CSS

            Posté par plagiats le 07 avril 2004 à 20:56. Évalué à 1.

            

            mais de rien !

          • [^] # Re: Voici des cours sympas de CSS

            Posté par fabien le 08 avril 2004 à 00:11. Évalué à 1.

            

            la page du 1er article est vide (ce soir) ...
            "Quelle est la différence entre un et un calque ?"
            
            Tres bon tuto.
            
            je trouve qu'il serai sympas de rajouter un tuto sur "comment faire des tableaux au style word/OOo" c'est a dire avec une bordure simple...
            (avec un "border-collapse: collapse;")
            oui je sais les tableaux c'est mal.. mais pour y mettres des données tabulaires.. tel des series de chiffres c'est pas mal... alors voilà, pour ceux que ca interresse...
            
            
            aussi, il y a un petit schema que j'aime bien pur expliquer ce qu'est le padding/marging... c'est visuel.
            ca donne ca en html (style inline, pour le transport) :
            
            <div style="border: 1px dashed Black; width:200px;height:125;">    Margin (transparent)<br>
              <div style="position : relative; left:15px;width:170px; height:90; border: 2px solid #494949; background:#c3c3c3">    Border<br>
               <div style="position : relative; left:15px; width:140px; height:55; border: 2px solid #494949; background:white">   Padding<br>
                <div style="position : relative; left:15px; width:110px; border: 1px dotted Black; background:white">
                 Contents...
                </div>
               </div>
              </div>
            </div>

            • [^] # Re: Voici des cours sympas de CSS

              Posté par Ramso le 08 avril 2004 à 09:36. Évalué à 2.

              

              oui je sais les tableaux c'est mal.. mais pour y mettres des données tabulaires..
              
              Mais ils vous font un lavage de cerveau ou quoi ?!
              
              C'est la mise en page par tableaux qui pose problème ! Utiliser un tableau pour présenter des données tabulaires c'est non seulement logique mais ça a été inventé pour ça !
              
              Bordel !

              • [^] # Re: Voici des cours sympas de CSS

                Posté par fabien le 08 avril 2004 à 14:24. Évalué à 1.

                

                Ben je sais !
                mais a chaque fois qu'on dit le mot 'tableau' yen a toujours quelques-un plutot integristes qui viennent raconter que ceci cela....
                
                c'etait pour eviter de lancer un troll..

          • [^] # Re: Voici des cours sympas de CSS

            Posté par Wawet76 (site web personnel) le 08 avril 2004 à 01:21. Évalué à 1.

            

            Pour les contournements comme la lettrine, une phrase dans l'intro expliquant que c'est une manip pour contourner les faiblesses de certains navigateurs serait la bienvenue.
            
            Où alors, l'explication pour les navigateurs implémentant les normes, puis pour ceux ne les implémentant pas (quel domage).
            
            
            Sinon, bravo pour les tutoriaux.

            • [^] # Re: Voici des cours sympas de CSS

              Posté par Raphael Goetter le 08 avril 2004 à 01:45. Évalué à 1.

              

              @Fabien > en effet, l'article sur la différence entre les div et les calques n'était pas en ligne, curieusement. Voilà qui est rétabli : http://www.alsacreations.com/articles/calque/(...)
              
              @Thomas > J'ai rajouté cette note dans le tuto ;)

• # Re: Voici des cours sympas de CSS

  Posté par roger21 le 07 avril 2004 à 21:02. Évalué à 1.

  

  moi j'ainerais savoir pourquoi on ne trouve jamais de doc simple et axaustive qui dirait pour chaque balise xhtml quelles sont parametres CSS que l'on lui appliqué et les valeurs possibles pour ces parametres, une sorte de precis et concis quoi

  • [^] # Re: Voici des cours sympas de CSS

    Posté par Mjules (site web personnel) le 07 avril 2004 à 21:30. Évalué à 1.

    

    Quelques chose comme ça ?
    http://fr.selfhtml.org/navigation/html.htm(...)
    
    http://fr.selfhtml.org/navigation/css.htm(...)
    
    http://fr.selfhtml.org/(...)

    • [^] # Re: Voici des cours sympas de CSS

      Posté par roger21 le 07 avril 2004 à 22:11. Évalué à 1.

      

      arf c'est dangereux ce truc, la parti HTML ne tiens pas compte de possibilité du CSS ... enfin c'est normal, le HTML est plus libertaire que le XHTML strict ....
      
      c'est bien mais ca manque quand meme d'un truc plus detaillé/exaustif/lourd qui ferait correspondre les possibilités d'action du CSS a chaque balise XHTML (1.0) je sais c'est ultra redondant mais je trouverais ca pratique (c'est justement sur les differences de possibilité d'action en fonction de la balise que je bute) et pis ca serait tellement pratique car je fait la structure en XHTML et pour chaque element je regarde ce que je peut lui faire ....
      
      PS : desolé pour le message precedent que je n'est pas relu, je sais ca se voit :p

  • [^] # Re: Voici des cours sympas de CSS

    Posté par Ramso le 07 avril 2004 à 22:05. Évalué à 1.

    

    Bah toutes ou presque.
    
    Après, bien sûr, y'a des spécificités comme l'habillage des listes ou des tableaux. C'est aussi une question de logique : font ne sert à rien pour les images.

    • [^] # Re: Voici des cours sympas de CSS

      Posté par roger21 le 07 avril 2004 à 22:19. Évalué à 1.

      

      ben oui j'ai bien compris mais c'est justement ces specificités qui me turlupinent et c'est pas toujours si logique, par exemple moi j'aurais bien vu un border au body, ce qu'il ne semble pas avoir (il a des margin, mais on peut pas modifier la color des margin ...)

  • [^] # Re: Voici des cours sympas de CSS

    Posté par Raphael Goetter le 07 avril 2004 à 23:55. Évalué à 1.

    

    Pour une liste exhaustive de site, j'aime beaucoup ce site : http://giminik.developpez.com/xhtml/(...)
    La hierarchie des balises (parents/enfants) est indiquée contrairement à la plupart des sites.
    
    Au fait, qu'en est-il de la compatibilité first-letter sur IE ?
    Vous me confirmez que IE ne reconnait pas la propriété ?

    • [^] # Re: Voici des cours sympas de CSS

      Posté par Yannick Torrès le 08 avril 2004 à 00:05. Évalué à 1.

      

      Je l'utilise sur un de mes sites et il me semble bien que IE 6, tout du moins, le gère....mal :)
      Un coup, il le prend, un coup, il l'ignore, bref, encore une fois, il fait ce qu'il veut...

  • [^] # Re: Voici des cours sympas de CSS

    Posté par B r u n o (site web personnel) le 08 avril 2004 à 10:44. Évalué à 1.

    

    Le site du w3c est ton ami : http://www.w3.org/TR/CSS2/propidx.html(...) Pour chaque propriété css, tu sais à quels éléments elle est (ou n'est pas) applicable.
    
    sur zvon.org y a aussi de bonnes doc de références, l'avantage, souvent ils ajoutent des exemples.

  • [^] # Re: Voici des cours sympas de CSS

    Posté par Paul le 08 avril 2004 à 11:43. Évalué à 1.

    

    http://www.w3schools.com(...)
    http://www.w3schools.com/css/css_reference.asp(...)
    http://www.w3schools.com/xhtml/xhtml_reference.asp(...)
    sont pas mal non plus

• # Re: Voici des cours sympas de CSS

  Posté par Tonton Th (site web personnel, Mastodon) le 08 avril 2004 à 09:06. Évalué à 1.

  

  Il y a une liste de liens dans le KerWiki aussi. Etant noob's total en CSS, je ne sais pas ce que ça vaut...
  
  http://test.vaboofer.com/index.php/CSS(...)

• # Re: Voici des cours sympas de CSS

  Posté par liberforce (site web personnel) le 08 avril 2004 à 09:22. Évalué à 1.

  

  Pour les anglophones, je conseille http://www.w3schools.org(...) qui a l'air assez bien foutu...

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.