Partage
  • Partager sur Facebook
  • Partager sur Twitter

texte intégré dans un cadre

    28 novembre 2005 à 20:00:46

    je ne sais pas si c'est explicite mais j'aimerais bien intégré un texte dans un cadre, comme ceci:

    ------mon texte-----

    ----- : censé ressembler à une ligne! ^^

    alors, comment peut-on faire, est-ce possible de faire ça en xhtml ou en css?
    • Partager sur Facebook
    • Partager sur Twitter
      28 novembre 2005 à 20:02:24

      utilises la balise fieldset
      • Partager sur Facebook
      • Partager sur Twitter
        28 novembre 2005 à 20:35:58

        VDK -> raté, on ne doit pas utiliser les balises selon le rendu visuel que l'on souhaite, mais selon leur signification !

        Damienvw -> ça me parait assez compliqué !
        D'abord il faut s'assurer que ton texte tienne sur une ligne. Après, je verrais ça de la façon suivante :
        <p class="maclasse"><span>mon texte</span></p>

        p.maclasse{
        border-top:1px dashed black;
        }

        p.maclasse span{
        baseline:0.5em; /* pour le relever */
        background:couleur; /* mais pas transparent sinon on voit la bordure du dessous ! */
        }


        À tester !

        a+
        • Partager sur Facebook
        • Partager sur Twitter
          28 novembre 2005 à 20:42:00

          Je crois que VDK a réson, mais saurais tu m'en dire un peu plus sur cette propriété? merci
          • Partager sur Facebook
          • Partager sur Twitter
            28 novembre 2005 à 21:54:06

            non mais honnetêment on s'en fout...

            Allez utilises fieldset, ça sera simple, ça sera propre, et ce sera compris par tous les navigateurs.

            Et toc, science sans conscience n'est que ruine de l'âme, alors permets-toi un ptit extra au diktat imposé par le W3C !

            Alors fieldset, c'est simple :


            <fieldset>
            <legend>Ce qui doit être dans le cadre</legend>
            </fieldset>


            Aperçu ici
            • Partager sur Facebook
            • Partager sur Twitter
            Anonyme
              28 novembre 2005 à 22:11:29

              Intéressant, je ne connaissais pas... :euh::-°
              • Partager sur Facebook
              • Partager sur Twitter
                29 novembre 2005 à 16:38:42

                oui mais mon cadre est fait en css:


                <p class="introduction">
                bla bla bla bla bla bla bla
                </p>


                et le css qui va avec:


                .introduction
                {
                border: 2px solid #800000;
                /* normalement il y a plusieurs propriétés! */
                }



                et dans tout cela y aurait-il moyen d'intégrer un fieldset?
                • Partager sur Facebook
                • Partager sur Twitter
                Anonyme
                  29 novembre 2005 à 16:51:55

                  ba le fieldset ne se met qu'en html,(je veut dire pas dans le css :D) enfin je pense (on peut se tromper) pourquoi? ca dépend tu veux faire une bordure comme dans l'exemple de VDK ou juste une simple bordure (oui je sais je suis compliquer :p ) parce que j'ai un peu de mal a comprendre o_O
                  • Partager sur Facebook
                  • Partager sur Twitter
                    29 novembre 2005 à 16:55:22

                    beh à mon <p> j'aimerais faire une bordure (en css) et c'est pour savoir si fieldset est 'compatible' avec le css.
                    je me demandes juste:
                    si je fais mon encadré en css, je mets où mon fieldset! je me suis fais bien comprendre?
                    • Partager sur Facebook
                    • Partager sur Twitter
                    Anonyme
                      29 novembre 2005 à 17:07:39

                      ba je sais pas, enfin j'ai peut ètre une idée essaye:

                      Citation

                      <p "toncodecss"><fieldset><legend>ton text</legend</fieldset></p> <!-- legend= pour donner le nom, un titre quoi! -->


                      • Partager sur Facebook
                      • Partager sur Twitter
                        29 novembre 2005 à 17:08:45

                        Pas mal Fieldset j'en prend bonne note ! :lol:
                        • Partager sur Facebook
                        • Partager sur Twitter
                          29 novembre 2005 à 17:52:46

                          ben j'vois pas où est le problème : tu mets dans ton css fieldset {border: 2px solid #800000;} et ça devrait marcher(j'ai pas essayé mais ya pas de raison que ça foire)
                          • Partager sur Facebook
                          • Partager sur Twitter
                            29 novembre 2005 à 18:19:16

                            J'ai beau mettre n'importe quelle propriétés au fieldste, il ne réagit pas! et il faut dire que la bordure que crée le fieldset est beaucoup mieux sous ie que sous firefox!
                            • Partager sur Facebook
                            • Partager sur Twitter
                              29 novembre 2005 à 18:26:55

                              c'est net

                              euh j'sais pas je sèche ^^

                              Alors si tu ne veux pas utiliser fieldset, tu peux faire un truc plus exotique :
                              Faire un block avec une bordure de ton choix et le positionner en absolu à un endroit de ta page; ensuite faire un deuxième block avec un fond blanc (si le fond de ta page est blanc) et le positionner en absolu de sorte à ce qu'il se trouve pile au dessus de la bordure supérieure de ton block principal...

                              Ca devrait marcher, mais je doute que tout les navigateurs le comprennent...(non j'ai pas dit IE). Ca reste quand même assez compliquée comme méthode mais bon si tu veux vraiment faire un texte comme ça, je ne vois que ça..
                              • Partager sur Facebook
                              • Partager sur Twitter
                                29 novembre 2005 à 18:29:12

                                ok! bon si quelqu'un troue quelque chose, merci de prévenir aussi non je vais me débrouiller avec fieldset! Encore merci!!!
                                • Partager sur Facebook
                                • Partager sur Twitter

                                texte intégré dans un cadre

                                × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                • Editeur
                                • Markdown