[HTML/CSS] Besoin d'avis

Besoin d'avis [HTML/CSS] - HTML/CSS - Programmation

Marsh Posté le 29-11-2007 à 17:04:47    

Voilà j'ai fait un site pour un pote qui monte sa boite, j'lui ai filé un coup de main mais bon, on va dire que j'suis loin d'être le roi de la prog internet :/
Et j'ai beau lire des tutos, essayer de les appliquer, j'ai l'impression que je capte rien, ça marche jamais comme ça devrait, enfin comme je pense que ça devrait :sweat:
 
Là j'en ai chié pour faire un pauvre truc avec une photo et du texte de chaque côté de la photo, à voir sur le site : http://www.smcarre.fr , tout en bas.
 
Voilà le code que j'ai pondu :  
 

Code :
  1. <div style="width:780px;height:240px;margin-top:30px;">
  2.     <div style="width:229px;height:50px;padding-left:15px;float:left;padding-top:180px;">
  3.     <p style="text-indent:0px;"><b>Laurent MAUREAUX<br />Tel : 06.19.24.52.24</b></p>
  4.     </div>
  5.     <div style="width:300px;height:240px;float:left;align:center;">
  6.     <img src="images/photo.jpg">
  7.     </div>
  8.     <div style="width:200px;height:50px;padding-left:15px;float:right;padding-top:180px;">
  9.     <p style="text-indent:0px;"><b>Ga&euml;tan GAUDEZ<br />Tel : 06.09.68.63.49</b></p>
  10.     </div>
  11.    </div>


 
J'pense que c'est relativement crado, avec les float et les padding de 180px pour mettre les textes en bas de la photo.
J'ai beau lire les tutos sur les positionnements float, absolu, relatif ou autres, j'suis largué, j'capte rien, enfin j'crois capter mais quand j'applique j'me rends compte que j'suis complètement HS.
 
Alors j'aimerais savoir comment vous auriez fait vous, le code que vous auriez écrit pour arriver à ce résultat.  
Et si quelqu'un pouvait m'expliquer clairement cette histoire de float, absolu, ou relatif. Je sais que le float et l'absolu font sortir les div du flux, mais concrètement, ben j'ai pas l'impression que ça le fait.
 
Putain j'suis une vraie daube [:sisicaivrai]

Reply

Marsh Posté le 29-11-2007 à 17:04:47   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed