Posez votre question Signaler

Html (Débutant) Ecrire que une image [Résolu]

Vhea 4Messages postés 29 août 2011Date d'inscription 29 août 2011Dernière intervention - Dernière réponse le 29 août 2011 à 18:38
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 : 
<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.
Lire la suite 

Html (Débutant) Ecrire que une image »

Suggestions
Plus
7 réponses
Réponse
+1
moins plus
Franzux 8487Messages postés 5 décembre 2007Date d'inscription 26 mai 2012Dernière intervention 29 août 2011 à 13:51
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>




Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
Darkam1 111Messages postés 9 août 2011Date d'inscription 15 mai 2012Dernière intervention 29 août 2011 à 13:46
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 ?

 Ajouter un commentaire - Site web
Franzux- 29 août 2011 à 13:53
Sauf que si tu veux faire du dynamique par la suite, tu es coincé ;)
Darkam1- 29 août 2011 à 18:38
Je pensais qu'il voulait du HTML basique. Après il est vrai qu'au bout d'un moment, ça coince !
Ajouter un commentaire
Réponse
+0
moins plus
Vhea 4Messages postés 29 août 2011Date d'inscription 29 août 2011Dernière intervention 29 août 2011 à 13:54
Merci beaucoup :)

Je vais essayer de comprendre comment ça marche ^^

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Franzux 8487Messages postés 5 décembre 2007Date d'inscription 26 mai 2012Dernière intervention 29 août 2011 à 13:57
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 : 

<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>

Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
Vhea 4Messages postés 29 août 2011Date d'inscription 29 août 2011Dernière intervention 29 août 2011 à 14:00
D'accord, je vais potasser tout ça alors :)

Merci beaucoup pour ton aide.

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « Html (Débutant) Ecrire que une image » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?