[HTML] Petits problèmes de code

Petits problèmes de code [HTML] - HTML/CSS - Programmation

Marsh Posté le 30-12-2005 à 02:43:36    

Bonjour a tous!
 
Voilà j'essaie de réaliser un site, mais je galère grave :(
 
Tout d'abord, comment aligner vericalement une image ou un élément quelconque? parce que là j'ai été obligé de passer par des <br> à répétition :/
 
Je vous donne l'adresse de la page, c'est la première que j'ai faite alors le code est un peu pourri... Pouvez vous me suggérer quelques amélioations?
http://perso.menara.ma/leroi14/Wallsite/index.htm
 
 
Merci :)


---------------
'En sup, lorsque j'ai choppé la grippe, j'ai rêvé que j'étais une fonction et que ma maladie était un problème de discontinuité. En 1/2.' -zolivv
Reply

Marsh Posté le 30-12-2005 à 02:43:36   

Reply

Marsh Posté le 30-12-2005 à 03:27:11    

<center> ça existe pas j'crois.
 
Pour aligner verticalement, je crois qu'il n'y a rien, du moins à ce que je sache.
 
Sinon, pour remplacer tes <br /> à répetition, tu peux mettre une marge intérieur, ou extérieur (padding, ou marging) en CSS
 
genre...

Code :
  1. p {
  2. marging-top: 100px;
  3. }


et op, ton bloc <p> (celui contenant ton image) se retrouve 100 px sous son bloc "parent" donc tu peux virer tes <br>

Reply

Marsh Posté le 30-12-2005 à 03:42:47    

Site optimisé pour Mozilla Firefox en 1280*1024 ou plus <===
 
tu nous refais le site pour du 1024 de large maximum
laisse tomber pour qu'on viennent sur ton site sinon.
 
http://css.alsacreations.com/Faire [...] web-en-CSS

Reply

Marsh Posté le 30-12-2005 à 11:39:15    

Merci :jap:
 
Mais j'ai un petit problème: lorsque je programme en CSS, les changements se voient sur Dreamweaver (le bloc est centré) mais une fois que je réactualise la page sous Firefox, le bloc est toujours coincé a gauche :/
Edit : pourquoi ne pas mettre un margin top a 40% (je crois que le CSS gère les pourcentages) ? cela permettrait de faire passer le site sur toutes les résolutions non?


Message édité par Leroi14 le 30-12-2005 à 11:43:12

---------------
'En sup, lorsque j'ai choppé la grippe, j'ai rêvé que j'étais une fonction et que ma maladie était un problème de discontinuité. En 1/2.' -zolivv
Reply

Marsh Posté le 30-12-2005 à 11:52:10    

Envoie ton code....

Reply

Marsh Posté le 30-12-2005 à 11:59:25    

HTML:  

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title>-( Leroi14's Gallery )-</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7. <style type="text/css">
  8. body {
  9. background-image:  url(fond.gif);
  10. }
  11. body,td,th {
  12. font-family: Verdana, Arial, Helvetica, sans-serif;
  13. font-size: 12px;
  14. }
  15. .Style2 {font-size: 10px}
  16. </style>
  17. <link href="Style.css" rel="stylesheet" type="text/css">
  18. </head>
  19. <body>
  20. <div id="global">
  21.   <p><img src="Photo.png" width="128" height="128" align="absmiddle"><img src="Entrer.png" width="215" height="67" align="absmiddle"></p>
  22.   </div>
  23.   <div id="texte">
  24.   <span class="Style2"></br><strong>Site optimisé pour Mozilla Firefox en 1280*1024 ou plus. Si vous avez Internet explorer ce site vous paraitra horrible a cause des PNG :/</strong></span>
  25.   </div>
  26. </body>
  27. </html>


 
CSS:
 

Code :
  1. /* CSS Document */
  2. #global {
  3.      position:absolute;
  4.  left:50%;
  5.  top:40%;
  6.  height: 128px;
  7.  width: 343px;
  8.  margin-top: -64px;
  9.  margin-left: -172px;
  10.      }
  11. #texte {
  12. position:absolute;
  13. left: 257px;
  14. right: 10%;
  15. margin-top:60%;
  16. margin-bottom:10;
  17. width: 772px;
  18. top: 17px;
  19.      }


---------------
'En sup, lorsque j'ai choppé la grippe, j'ai rêvé que j'étais une fonction et que ma maladie était un problème de discontinuité. En 1/2.' -zolivv
Reply

Sujets relatifs:

Leave a Replay

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