Html (Débutant) Ecrire que une image
Résolu
Vhea
Messages postés
4
Statut
Membre
-
Darkam1 Messages postés 181 Statut Membre -
Darkam1 Messages postés 181 Statut Membre -
Bonjour à tous,
Une de mes amies vient de m'offrir une image à personnaliser en html.
J'aimerai donc écrire 2 ou 3 choses dans le cadre blanc. Le soucis c'est que je n'arrive pas à limiter ma zone de texte juste à ce cadre.
Mon amie m'a donnée ce code, mais même en n'y connaissant pas grands choses au HTML, j'ai l'impression qu'elle s'est compliquée la vie. En plus, tout ce charabia ne permet pas au texte de rester dans le cadre XD :
Pourriez vous me donner un petit coup de pouce s'il vous plait ? :)
Bonne journée.
Une de mes amies vient de m'offrir une image à personnaliser en html.
J'aimerai donc écrire 2 ou 3 choses dans le cadre blanc. Le soucis c'est que je n'arrive pas à limiter ma zone de texte juste à ce cadre.
Mon amie m'a donnée ce code, mais même en n'y connaissant pas grands choses au HTML, j'ai l'impression qu'elle s'est compliquée la vie. En plus, tout ce charabia ne permet pas au texte de rester dans le cadre XD :
<table style="width: 542px; height: 350px;" background="http://img4.hostingpics.net/pics/496416Untitled1copy.jpg"><tbody> <tr><td> <div style="text-align: center; widht: 200px; height: 300px; float: left; margin-left: 80px;"> <br> Texte ... Texte ... Texte ... Texte ... Texte ... Texte ... <br></div></td></tr></tbody></table></center>
Pourriez vous me donner un petit coup de pouce s'il vous plait ? :)
Bonne journée.
A voir également:
- Html (Débutant) Ecrire que une image
- Ecrire en gras sur whatsapp - Guide
- Légender une image - Guide
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Comment écrire # sur pc - Guide
5 réponses
Non, le code est correct, il suffit de penser à bordurer également à droite, ce qui donne ce résultat.
<table style="width: 542px; height: 350px;" background="http://img4.hostingpics.net/pics/496416Untitled1copy.jpg"><tbody> <tr><td> <div style="text-align: center; widht: 200px; height: 300px; float: left; margin-left: 40px; margin-right: 320px;"> <br> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br></div></td></tr></tbody></table></center>
Pourquoi tu n'utilises pas un logiciel de retouche photo plutôt que de mettre du code qui ne sert pas a grand chose ? Ensuite il te suffira d'insérer tout bonnement ta photo avec cette balise : <img src="nom de fichier">
Non ?
Non ?
Après relecture du code, le problème apparaît surtout dans la mesure où il y a une faute de frappe dans la balise : il faut mettre width et non widht pour avoir la largeur !
Le code corrigé et allégé donnerait donc :
Le code corrigé et allégé donnerait donc :
<table style="width: 542px; height: 350px;" background="http://img4.hostingpics.net/pics/496416Untitled1copy.jpg"><tbody> <tr><td> <div style="text-align: center; width: 180px; height: 300px; float: left; margin-left: 40px;"> <br> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br></div></td></tr></tbody></table></center>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question