Se connecter avec
S'enregistrer | Connectez-vous

probleme alignement important examen

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte
Expert Programmation

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 ^^
Expert Programmation

donc :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<a href="http://www.w3.org/TR/html4/loose.dtd" target="_blank">http://www.w3.org/TR/html4/loose.dtd</a>">
    

  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>

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 )


Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde