Se connecter / S'enregistrer
Votre question

probleme alignement important examen

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
23 Avril 2008 18:43:33

Bonjour à tous,
je suis débutant en html (nouveaux dans ce forum)et je dois faire un site web pour un examen. Cependant j'ai un fameux problème d'alignement entre mes boutons de gauche et mon image centrale. (C'est peut-être simple mais bon...)
J'aimerais que mon bloc de bouton et mon image soit bien aligner et mon image centrée par rapport à la page.

Voici ma page:

<html>
<head>index
</head>
<body> <BODY BACKGROUND="fondballon2.jpg"> <body bgcolor="black">
<bgsound src="Stade Vélodrome - 11 Hymne Olympique de Marseille (Jump).mp3" loop="infinite">
<CENTER><IMG SRC="banniereomxa.gif"</CENTER>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<TABLE>
<TR>
<TD><a href="page1.htm"><IMG SRC="boutonom2.gif" border="0"/></a> </TD>
<TD><a href="page2.htm"><IMG SRC="boutostade2.gif" border="0"/></a> </TD>
<TD><a href="om5.html"><IMG SRC="boutonpalmares2.gif" border="0"/></a> </TD>
<TD><a href="index.html"><IMG SRC="boutoncalendrier2.gif" border="0"/></a> </TD>
<TD><a href="index.html"><IMG SRC="boutonsupporters2.gif" border="0"/></a> </TD>
<BR>
<BR>
<BR><IMG SRC="xag2.gif"
<BR>
<BR>
<BR>
<BR>
</body>
</html>



Merci de votre aide :) 

Autres pages sur : probleme alignement important examen

23 Avril 2008 23:27:50

salut, alors ...

si c'est un exam on va faire ça bien avec explication ;) 

Tout d'abord, un fichier html commence toujours par une définition des balises utilisées, ca s'appelle un DTD et on y fait appel avec la balise doctype par un appel a ce dtd hébergé chez le w3c.

Au éebut on part sur qq chose d'assez souple la version 4 du html.

DONC ! combien de fois le poids de l'enfant Rémy ?!

premiere ligne de ta page :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

suivie de <html> puis <head>, a l'interieur de celui ci : <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

cette balise meta nous renseigne sur le codage utiliser dans cette page (utf-8 - iso ...) puis vient le titre <title>titre de ta page</title>, on referme le head </head> et on attaque le <body> le "corps" de la page.

Elle est unique au document !

donc ca tu oublies : <body> <BODY BACKGROUND="fondballon2.jpg"> <body bgcolor="black">

et tu mets <body background="fondballon2.jpg" bgcolor="black">.

APRES !

<CENTER><IMG SRC="banniereomxa.gif"</CENTER>

y'a une faute : une balise se referme toujours donc :

<CENTER><IMG SRC="banniereomxa.gif"></CENTER>

pareil pour l'image du bas !

Le tableau c'est pareil tu as ouvert <table> mais pas fermé

<TD><a href="index.html"><IMG SRC="boutonsupporters2.gif" border="0"/></a> </TD>

</TABLE>

<BR>

AUSSI !

Essai de te tenir a une même nomenclature, c'est à dire toutes las balises en minuscules !

Je crois que tu auras bien besoin de qq tutoriaux sur le html, passe par le site du zéro !

http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-v...

Bon courage ^^
23 Avril 2008 23:33:47

donc :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>Document sans nom</title>
  6. </head>
  7. <body background="fondballon2.jpg" bgcolor="#000000">
  8. <center>
  9. <img src="banniereomxa.gif">
  10. </center>
  11. <br>
  12. <br>
  13. <br>
  14. <br>
  15. <br>
  16. <br>
  17. <br>
  18. <br>
  19. <table>
  20. <tr>
  21. <td><a href="page1.htm"><IMG SRC="boutonom2.gif" border="0"/></a> </td>
  22. <td><a href="page2.htm"><IMG SRC="boutostade2.gif" border="0"/></a> </td>
  23. <td><a href="om5.html"><IMG SRC="boutonpalmares2.gif" border="0"/></a> </td>
  24. <td><a href="index.html"><IMG SRC="boutoncalendrier2.gif" border="0"/></a> </td>
  25. <td><a href="index.html"><IMG SRC="boutonsupporters2.gif" border="0"/></a> </td>
  26. </tr>
  27. </table>
  28. <br>
  29. <br>
  30. <br>
  31. <img src="xag2.gif" >
  32. <br>
  33. <br>
  34. <br>
  35. <br>
  36. </body>
  37. </html>
Contenus similaires
24 Avril 2008 00:57:07

tracks a déjà quasiment tout dit. Un petit tour sur le site du zero te ferait le plus grand bien pour avoir quelques bases ( notamment sur le css ).

Sinon je modifierais juste un truc sur le code de tracks ( notamment parce que le doctype spécifie du HTML ;)  ) :

<IMG SRC="boutonom2.gif" border="0"/>
en
<img SRC="boutonom2.gif" border="0" alt="description" >

Je vire le "/" et j'ajoute le "alt" pour permettre d'être valide W3C ( http://validator.w3.org )


24 Avril 2008 18:31:13

Merci beaucoup! Je vais me mettre de suite au boulot. C'était mon premier message sur ce forum et je vois qu'on ne vous laisse pas à l'abandon (malgré mon niveau lamentable).

Je vous remercie

xa :) 
24 Avril 2008 19:31:47

Mais de rien, n'ésite pas si tu a d'autres question !
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS