Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1490 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] Petits problèmes de code

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] Petits problèmes de code

n°1274782
Leroi14
Tim_coucou
Posté le 30-12-2005 à 02:43:36  profilanswer
 

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
mood
Publicité
Posté le 30-12-2005 à 02:43:36  profilanswer
 

n°1274791
zapan666
Tout est relatif
Posté le 30-12-2005 à 03:27:11  profilanswer
 

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

n°1274792
gatsu35
Blablaté par Harko
Posté le 30-12-2005 à 03:42:47  profilanswer
 

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

n°1274880
Leroi14
Tim_coucou
Posté le 30-12-2005 à 11:39:15  profilanswer
 

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
n°1274899
xtof_83
Freeride Spirit
Posté le 30-12-2005 à 11:52:10  profilanswer
 

Envoie ton code....

n°1274905
Leroi14
Tim_coucou
Posté le 30-12-2005 à 11:59:25  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] Petits problèmes de code

 

Sujets relatifs
[Resolu]Erreur à la fermeture de la balise HTMLNouveau site perso ( html + javascript + php) avec jeux en flash nbrx
ptit problemes en VBSdimensionner une nouvelle page en html
integrer video dans page htmlprobleme avec les tableaux html sous IE
[HTML/JS] Cellule qui s adapte automatiquement...commentaire html
Calculs Mathématiques en HTML ?[C#] HTML Decode
Plus de sujets relatifs à : [HTML] Petits problèmes de code


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR