Partage
  • Partager sur Facebook
  • Partager sur Twitter

Lettrine avec image

Sujet résolu
    23 avril 2018 à 16:18:54

    Salut 

    je suis etudiant et je voulais savoir si c'etais possible de change la premiere lettre de ma lettrine avec une photo j'ai deja testé ça fonctionne pas 

    quelqu'un aurais une idée ? c'est pour ma page a propos about je voudrais mettre ma photo en lettrine 

    je serais heureux de vos reponses:magicien:

    • Partager sur Facebook
    • Partager sur Twitter
      23 avril 2018 à 16:35:14

      Bonjour,

      "ça ne fonctionne pas", c'est-à-dire ? Qu'as-tu testé ?

      Car c'est tout à fait possible :)

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :)

        23 avril 2018 à 16:58:05

        Lamecarlate a écrit:

        Bonjour,

        "ça ne fonctionne pas", c'est-à-dire ? Qu'as-tu testé ?

        Car c'est tout à fait possible :)


        oui j'ai testé mais j'y arrive pas aidez moi SVPPPPP!!!!!!
        • Partager sur Facebook
        • Partager sur Twitter
          23 avril 2018 à 17:10:01

          Bonjour,
          Impossible de te répondre sans voir ton code, nous ne sommes malheureusement pas devins.
          Tu dois nous aider à t'aider. ;)
          • Partager sur Facebook
          • Partager sur Twitter
          Je ne réponds pas aux messages privés.
            23 avril 2018 à 18:16:46

            Mewen_bzh a écrit:

            Bonjour,
            Impossible de te répondre sans voir ton code, nous ne sommes malheureusement pas devins.
            Tu dois nous aider à t'aider. ;)


            tu as raison voila j'ai un code d'exemple si jamais j'arrive sur celui ci je serais capable :

            <!DOCTYPE html>
            <html>
            <head>
            	<title>Mon compte</title>
            </head>
            <style >
            
            body{
            	margin: 0;
            	min-height: 100%;
            	padding: 0;
            }
            
            .
            
            p::first-letter {
              font-family:lobster;
              font-size:3.5em;
              padding-right:0.2em;
              float:left;
              color:red;
            }
            
            
            
            </style>
            
            <body>
             
            
            
            
            	
            	<section class="yo" >		<p class="premier"><span class="lettrine"><img src="2.jpg"></span>c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.c'est des histoires dont on ne se vante pas devant tout le monde.</p>
            
            		
            
            	</section>
            
            
            	<br><br><br><br><br><br>
            
            
            </body>
            </html>

            voila un apercu :

            -
            Edité par MårlönJâcksönŸjj 23 avril 2018 à 18:19:35

            • Partager sur Facebook
            • Partager sur Twitter
              23 avril 2018 à 18:59:50

              Bonjour,

              Voici quelques propositions :

              https://codepen.io/Zonecss/pen/odbEXx

              • Partager sur Facebook
              • Partager sur Twitter
              Découvrez les Css avec la zonecss.fr
                23 avril 2018 à 21:09:22

                AliasDmc a écrit:

                Bonjour,

                Voici quelques propositions :

                https://codepen.io/Zonecss/pen/odbEXx


                Meercii AliasDmc graçe au seigneur et a toi mon probleme est resolut !!!!!!
                • Partager sur Facebook
                • Partager sur Twitter
                  23 avril 2018 à 22:10:32

                  Ce code peut être grandement simplifié : pas besoin d'un <span>, :first-letter fait exactement le boulot attendu.
                  • Partager sur Facebook
                  • Partager sur Twitter

                  Pas d'aide concernant le code par MP, le forum est là pour ça :)

                    24 avril 2018 à 7:47:22

                    Bonjour Lamecarlate

                    Lamecarlate a écrit:

                    Ce code peut être grandement simplifié : pas besoin d'un <span>, :first-letter fait exactement le boulot attendu.

                    Pour moi, c'est pas possible, :first-letter ne permet pas de cacher la lettre "C", d'ou le span

                    mais bon ... des fois on a tellement la tête dans le guidon, qu'on ne voit plus rien, et un avis extérieur nous éclaire.

                    Tu peux nous faire un petit exemple, je suis intéressé.

                    • Partager sur Facebook
                    • Partager sur Twitter
                    Découvrez les Css avec la zonecss.fr
                      24 avril 2018 à 9:05:37

                      Au temps pour moi, j'ai testé, et en effet, au vu du besoin, :first-letter ne suffit pas… On ne peut pas lui donner de hauteur ni de largeur même avec display: block (wtf, d'ailleurs).
                      • Partager sur Facebook
                      • Partager sur Twitter

                      Pas d'aide concernant le code par MP, le forum est là pour ça :)

                        24 avril 2018 à 9:30:37

                        Bonjour,

                        Vous pouvez toujours donner une largeur en choisissant la bonne taille de police ( jouer sur font-size ) et la hauteur en choisissant la bonne police ( jouer sur font-family )

                        Ensuite, pour cacher... il suffit d'attribuer une couleur qui ne se voit pas ( color: transparent; )

                        C'est bidouille et cie, ne présume rien de la suite

                        David

                        • Partager sur Facebook
                        • Partager sur Twitter

                        Lettrine avec image

                        × 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