Html (Débutant) Ecrire que une image
Résolu
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.
5 réponses
-
ContributeurNon, 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 ? -
Merci beaucoup :)
Je vais essayer de comprendre comment ça marche ^^ -
ContributeurAprè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 :
<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>
-
D'accord, je vais potasser tout ça alors :)
Merci beaucoup pour ton aide.
