Gros problème de positionnement !
alex33
-
alex33 -
alex33 -
Bonjours tout le monde, je suis en train de dévloppez un site web et j'ai un gros problème : j'ai centré tout les éléments de mon site et c'est correct cependant lorsque je l'ouvre sur d'autres ordinateurs il devient toute mal positionné . j'ai essayé d'utilisé des % au lieu des px cependant j'ai d'autres problèmes de positionnements qui se présentent .
Voici mon code css:
body{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("image.png"); /* Le fond est l'image "skieur.gif" */
background-color:black;
background-repeat: no-repeat; /* Le fond ne se répète pas */
background-position: top right; /* Le fond est aligné en haut à droite */
background-attachment: fixed; /* Le fond est fixé */
}
/* L'en-tête */
#en_tete{
position: relative;
right: 52px;
width: 600px;
height: 198px;
background-image: url("ban2.png");
background-repeat: no-repeat;
}
#menuvert{
float: left;
}
/* Le corps de la page */
#corps
{
/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 30px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
margin: auto;
/* Une couleur de fond pour le corps */
background-image: url("degrade4.png");
background-color: white;
background-repeat: repeat-y;
border: 2px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
text-align: center;
}
td
{
border: 1px solid black;
}
#pied_de_page
{
color: white;
text-align: center;
font-weight: bold;
font: arial;
}
}
}
input
{
font-family: arial
}
input:focus, textarea:focus/* Quand le curseur est sur un champ (ne marche pas sur IE) */;
{
background-color: #FFFF99;
}
} h1
{
text-align: center;
}
h4
{
text-align: center;
font-weight: bold;
font-size: 3em;
}
a img
{
border: black;
}
#acceuil
{
color: white;
text-align: center;
font-weight: bold;
font: arial;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
color: red;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
text-decoration: underline;
color: green;
}
p
{
text-align: center;
font-family : arial, verdana, helvetica, sans-serif;
}
h5
{
p
{
text-align: center;
font-family : arial, verdana, helvetica, sans-serif;
}
}
UN gros merci a ceux qui m'aideront !
Voici mon code css:
body{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("image.png"); /* Le fond est l'image "skieur.gif" */
background-color:black;
background-repeat: no-repeat; /* Le fond ne se répète pas */
background-position: top right; /* Le fond est aligné en haut à droite */
background-attachment: fixed; /* Le fond est fixé */
}
/* L'en-tête */
#en_tete{
position: relative;
right: 52px;
width: 600px;
height: 198px;
background-image: url("ban2.png");
background-repeat: no-repeat;
}
#menuvert{
float: left;
}
/* Le corps de la page */
#corps
{
/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 30px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
margin: auto;
/* Une couleur de fond pour le corps */
background-image: url("degrade4.png");
background-color: white;
background-repeat: repeat-y;
border: 2px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
text-align: center;
}
td
{
border: 1px solid black;
}
#pied_de_page
{
color: white;
text-align: center;
font-weight: bold;
font: arial;
}
}
}
input
{
font-family: arial
}
input:focus, textarea:focus/* Quand le curseur est sur un champ (ne marche pas sur IE) */;
{
background-color: #FFFF99;
}
} h1
{
text-align: center;
}
h4
{
text-align: center;
font-weight: bold;
font-size: 3em;
}
a img
{
border: black;
}
#acceuil
{
color: white;
text-align: center;
font-weight: bold;
font: arial;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
color: red;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
text-decoration: underline;
color: green;
}
p
{
text-align: center;
font-family : arial, verdana, helvetica, sans-serif;
}
h5
{
p
{
text-align: center;
font-family : arial, verdana, helvetica, sans-serif;
}
}
UN gros merci a ceux qui m'aideront !
A voir également:
- Gros problème de positionnement !
- Logiciel positionnement gratuit - Guide
- Exemple test de positionnement greta - Forum Études / Formation High-Tech
- Test de positionnement cesi - Forum Études / Formation High-Tech
- Positionnement google maps - Guide
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? ✓ - Forum LibreOffice / OpenOffice
6 réponses
Bonjour
On peut avoir le code en entier ou la page web où est situé le problème parce que là on va pas pouvoir t'aider grandement
On peut avoir le code en entier ou la page web où est situé le problème parce que là on va pas pouvoir t'aider grandement
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Aréna de beauceville</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<h1> acceuil </h1>
<head><title>FLOAT</title><link rel="stylesheet" media="screen" type="text/css" title="index" href="design.css" /></head>
<title>Menu vertical parametrable</title>
<script type="text/javascript">
window.onload = affiche;
// ----- Fonction d'affichage des menus -----
function affiche (id) {
var d = document.getElementById(id);
var nbelmenu = 14 // nombre d'éléments dans le menu
for ( var i = 1 ; i <= nbelmenu ; i++ ) {
if ( document.getElementById('sousmenu'+i) ) {
document.getElementById('sousmenu'+i).style.display='none';
}
}
if (d) {
d.style.display='block';
}
}
</script>
</head>
<body>
<div align="center">
<script type="text/javascript">
var fontfamil = "arial, sans-serif" ; // choix de la police de caractères du menu
var tailleftmen = "90%" ; // taille de la police du menu
var fontcolo = "#000000" ; // couleur de la police de caractères du menu
var cellbckgrnd = "#58c7fb" ; // couleur des cellules du menu
var positionver = 10 ; // position verticale du menu dans la page
var positionhor = -12 ; // position horizontale du menu dans la page
var largeurcell = 9 ; // largeur des cellules du menu
var hauteurcell = 18 ; // hauteur des cellules du menu
var espacemcell = 6 ; // espace entre les cellules du menu
var subfontfamil = "arial, sans-serif" ; // choix de la police de caractères des sous-menus
var subtailleftmen = "80%" ; // taille de la police des sous-menus
var subfontcolo = "#ffffff" ; // couleur de la police de caractères des sous-menus
var subftsucolo = "#FFCC00" ; // couleur de la police de sous-menus survolés
var subcellbckgrnd = "#000000" ; // couleur des cellules des sous-menus
var submovcellmenu = "absolute" ; // "absolute"=sans déplacement des cellules menu ("relative" = avec déplacement)
var subcellposhor = 1 ; // position horizontale des cellules des sous-menus
var sublargeurcell = 8 ; // largeur des cellules des sous-menus
var subhauteurcell = 15 ; // hauteur des cellules des sous-menus
// creation des styles CSS du menu --->
document.write( "<style type='text/css'>" );
document.write( "#menuvert {position: relative;top: " + positionver + "em;" );
document.write( "left: " + positionhor + "em;" );
document.write( "width: " + largeurcell + "em;}" ) ;
document.write( "#menuvert dt {font-family: " + fontfamil + ";" ) ;
document.write( "font-size: " + tailleftmen + ";color: " + fontcolo + ";" );
document.write( "text-align: center;background: " + cellbckgrnd + ";" );
document.write( "cursor: hand;height: " + hauteurcell )
document.write( "px;margin: " + espacemcell + "px;list-style-type: none;}" );
document.write( "#menuvert dd {background: " + subcellbckgrnd + ";" );
document.write( "position: absolute;left: " + subcellposhor + "em;" );
document.write( "margin-top: -1em;width: " + sublargeurcell + "em;}" );
document.write( "#menuvert li {font-family: " + fontfamil + ";" );
document.write( "font-size: " + subtailleftmen + ";list-style-type: none;" );
document.write( "height: " + subhauteurcell + "px;}" );
document.write( "#menuvert li a, #menuvert dt a {color: " + subfontcolo + ";" );
document.write( "text-decoration: none;}" );
document.write( "#menuvert li a:hover {color: " + subftsucolo + ";" );
document.write( "text-decoration: none;}" );
document.write( "}</style>" );
// FIN des styles CSS
</script>
</div>
</head>
<body>
<dl id="menuvert">
<dt onmouseover="javascript:affiche('sousmenu1');" onmouseout="javascript:affiche();">Acceuil<!--remplacer Menu 1 par le texte du menu--></dt>
<dd id="sousmenu1" onmouseover="javascript:affiche('sousmenu1');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page1.html"><!--remplacer menu11.htm par le lien du menu-->Bienvenue !<!--remplacer Menu 1.1 par le texte du menu--></a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu2');" onmouseout="javascript:affiche();">Historique</dt>
<dd id="sousmenu2" onmouseover="javascript:affiche('sousmenu2');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page2.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu3');" onmouseout="javascript:affiche();">Horaire Régulier</dt>
<dd id="sousmenu3" onmouseover="javascript:affiche('sousmenu3');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page3.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu4');" onmouseout="javascript:affiche();">Coordonnées aréna</dt>
<dd id="sousmenu4" onmouseover="javascript:affiche('sousmenu4');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page4.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu5');" onmouseout="javascript:affiche();">Conseil d'administration</dt>
<dd id="sousmenu5" onmouseover="javascript:affiche('sousmenu5');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page5.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu6');" onmouseout="javascript:affiche();">Tournoi Rotary atome</dt>
<dd id="sousmenu6" onmouseover="javascript:affiche('sousmenu6');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page6.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu7');" onmouseout="javascript:affiche();">Écoles de hockey</dt>
<dd id="sousmenu7" onmouseover="javascript:affiche('sousmenu7');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page7.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu8');" onmouseout="javascript:affiche();">Loto-aréna</dt>
<dd id="sousmenu8" onmouseover="javascript:affiche('sousmenu8');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page8.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu9');" onmouseout="javascript:affiche();">Proshop</dt>
<dd id="sousmenu9" onmouseover="javascript:affiche('sousmenu9');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page9.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu10');" onmouseout="javascript:affiche();">Nouvelles</dt>
<dd id="sousmenu10" onmouseover="javascript:affiche('sousmenu10');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page10.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu11');" onmouseout="javascript:affiche();">Casse-croûte</dt>
<dd id="sousmenu11" onmouseover="javascript:affiche('sousmenu11');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page11.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu12');" onmouseout="javascript:affiche();">Tarifs de location</dt>
<dd id="sousmenu12" onmouseover="javascript:affiche('sousmenu12');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page12.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu13');" onmouseout="javascript:affiche();">Hockey mineur</dt>
<dd id="sousmenu13" onmouseover="javascript:affiche('sousmenu13');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page13.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu14');" onmouseout="javascript:affiche();">Défi Pepsi</dt>
<dd id="sousmenu14" onmouseover="javascript:affiche('sousmenu14');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page14.html">Cliquez ici</a></li>
</ul>
</dd>
</dl>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
</br></br></br></br></br>
<div id="corps">
<p>
<h2>Conseil d’administration 2009-2010 </h2> </br>
Président : M. Robert Doyon</br>
Vice – Président : M. Mario Vachon</br>
Secrétaire-très. : Mme Sylvie Fortin</br>
Directeurs : M. David Poulin</br>
Représentant organisme : M. Christian Duval</br>
Représentants municipaux: M. Paul Veilleux</br>
M. Marc Mercier</br>
Directeur général : M. Michel Mercier</br>
Comptable : Mme Sylvie Fortin</br>
Employés d’entretien : M. Denis Poulin ( 31 ans de service)</br>
: M. Richard Poulin ( Retraité cette année )</br>
M. Paul Poulin (nouvel employé)</br>
</br>
<hr>
<h2>Saviez vous que ?</h2></br>
- L’aréna est en opération depuis 32 ans ( février 1972 ) ;</br>
- Le conseil d’administration est composé de 9 membres bénévoles et qu’il en coûte seulement 2,00$ pour devenir membre de l’aréna ;</br>
- L’aréna est une corporation sans but lucratif et ce depuis le tout début ;</br>
- La structure est un ancien hangar d’avion du fédéral ;</br>
- L’aréna possède 1020 sièges pour les spectateurs ;</br>
- Il passe au delà de 2000 personnes par semaine (octobre – mars ) ; </br>
- La glace est prête à la 2ème semaine d’août;</br>
- Il est possible de réserver l’aréna même en été (rassemblement, activité familiale, roller hockey, spectacle, etc. ) ;</br>
- Les chambres de joueurs de hockey ont été agrandi et les douches rafraîchi en août 2000 ;</br>
- Un nouveau système de sons a été installé en mai 2003 ;</br>
- La structure de l’aréna a été solidifiée en juin 2003 ;</br>
- Le restaurant et le pro-shop sont propriétés de l’aréna ;</br>
- Il vous est possible de vous afficher sur un des murs de l’aréna ou sur une des bandes disponibles à un coût très abordable ;</br>
- La Loto-Aréna a été mise sur pied pour restaurer la bâtisse et ses équipements ;</br></br>
<hr></br>
<h2>Pour nous rejoindre</h2></br>
Administration : 774 - 3137 Télécopieur : 774 - 9611</br>
Enregistrement : 774 - 9600 E-Mail : arenabeauceville@sogetel.net</br>
<?php
echo
?>
</div>
<div id="pied_de_page">
<p> Copyright "Aréna de Beauceville" 2009, tous droits réservés</p>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Aréna de beauceville</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<h1> acceuil </h1>
<head><title>FLOAT</title><link rel="stylesheet" media="screen" type="text/css" title="index" href="design.css" /></head>
<title>Menu vertical parametrable</title>
<script type="text/javascript">
window.onload = affiche;
// ----- Fonction d'affichage des menus -----
function affiche (id) {
var d = document.getElementById(id);
var nbelmenu = 14 // nombre d'éléments dans le menu
for ( var i = 1 ; i <= nbelmenu ; i++ ) {
if ( document.getElementById('sousmenu'+i) ) {
document.getElementById('sousmenu'+i).style.display='none';
}
}
if (d) {
d.style.display='block';
}
}
</script>
</head>
<body>
<div align="center">
<script type="text/javascript">
var fontfamil = "arial, sans-serif" ; // choix de la police de caractères du menu
var tailleftmen = "90%" ; // taille de la police du menu
var fontcolo = "#000000" ; // couleur de la police de caractères du menu
var cellbckgrnd = "#58c7fb" ; // couleur des cellules du menu
var positionver = 10 ; // position verticale du menu dans la page
var positionhor = -12 ; // position horizontale du menu dans la page
var largeurcell = 9 ; // largeur des cellules du menu
var hauteurcell = 18 ; // hauteur des cellules du menu
var espacemcell = 6 ; // espace entre les cellules du menu
var subfontfamil = "arial, sans-serif" ; // choix de la police de caractères des sous-menus
var subtailleftmen = "80%" ; // taille de la police des sous-menus
var subfontcolo = "#ffffff" ; // couleur de la police de caractères des sous-menus
var subftsucolo = "#FFCC00" ; // couleur de la police de sous-menus survolés
var subcellbckgrnd = "#000000" ; // couleur des cellules des sous-menus
var submovcellmenu = "absolute" ; // "absolute"=sans déplacement des cellules menu ("relative" = avec déplacement)
var subcellposhor = 1 ; // position horizontale des cellules des sous-menus
var sublargeurcell = 8 ; // largeur des cellules des sous-menus
var subhauteurcell = 15 ; // hauteur des cellules des sous-menus
// creation des styles CSS du menu --->
document.write( "<style type='text/css'>" );
document.write( "#menuvert {position: relative;top: " + positionver + "em;" );
document.write( "left: " + positionhor + "em;" );
document.write( "width: " + largeurcell + "em;}" ) ;
document.write( "#menuvert dt {font-family: " + fontfamil + ";" ) ;
document.write( "font-size: " + tailleftmen + ";color: " + fontcolo + ";" );
document.write( "text-align: center;background: " + cellbckgrnd + ";" );
document.write( "cursor: hand;height: " + hauteurcell )
document.write( "px;margin: " + espacemcell + "px;list-style-type: none;}" );
document.write( "#menuvert dd {background: " + subcellbckgrnd + ";" );
document.write( "position: absolute;left: " + subcellposhor + "em;" );
document.write( "margin-top: -1em;width: " + sublargeurcell + "em;}" );
document.write( "#menuvert li {font-family: " + fontfamil + ";" );
document.write( "font-size: " + subtailleftmen + ";list-style-type: none;" );
document.write( "height: " + subhauteurcell + "px;}" );
document.write( "#menuvert li a, #menuvert dt a {color: " + subfontcolo + ";" );
document.write( "text-decoration: none;}" );
document.write( "#menuvert li a:hover {color: " + subftsucolo + ";" );
document.write( "text-decoration: none;}" );
document.write( "}</style>" );
// FIN des styles CSS
</script>
</div>
</head>
<body>
<dl id="menuvert">
<dt onmouseover="javascript:affiche('sousmenu1');" onmouseout="javascript:affiche();">Acceuil<!--remplacer Menu 1 par le texte du menu--></dt>
<dd id="sousmenu1" onmouseover="javascript:affiche('sousmenu1');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page1.html"><!--remplacer menu11.htm par le lien du menu-->Bienvenue !<!--remplacer Menu 1.1 par le texte du menu--></a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu2');" onmouseout="javascript:affiche();">Historique</dt>
<dd id="sousmenu2" onmouseover="javascript:affiche('sousmenu2');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page2.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu3');" onmouseout="javascript:affiche();">Horaire Régulier</dt>
<dd id="sousmenu3" onmouseover="javascript:affiche('sousmenu3');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page3.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu4');" onmouseout="javascript:affiche();">Coordonnées aréna</dt>
<dd id="sousmenu4" onmouseover="javascript:affiche('sousmenu4');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page4.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu5');" onmouseout="javascript:affiche();">Conseil d'administration</dt>
<dd id="sousmenu5" onmouseover="javascript:affiche('sousmenu5');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page5.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu6');" onmouseout="javascript:affiche();">Tournoi Rotary atome</dt>
<dd id="sousmenu6" onmouseover="javascript:affiche('sousmenu6');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page6.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu7');" onmouseout="javascript:affiche();">Écoles de hockey</dt>
<dd id="sousmenu7" onmouseover="javascript:affiche('sousmenu7');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page7.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu8');" onmouseout="javascript:affiche();">Loto-aréna</dt>
<dd id="sousmenu8" onmouseover="javascript:affiche('sousmenu8');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page8.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu9');" onmouseout="javascript:affiche();">Proshop</dt>
<dd id="sousmenu9" onmouseover="javascript:affiche('sousmenu9');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page9.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu10');" onmouseout="javascript:affiche();">Nouvelles</dt>
<dd id="sousmenu10" onmouseover="javascript:affiche('sousmenu10');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page10.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu11');" onmouseout="javascript:affiche();">Casse-croûte</dt>
<dd id="sousmenu11" onmouseover="javascript:affiche('sousmenu11');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page11.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu12');" onmouseout="javascript:affiche();">Tarifs de location</dt>
<dd id="sousmenu12" onmouseover="javascript:affiche('sousmenu12');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page12.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu13');" onmouseout="javascript:affiche();">Hockey mineur</dt>
<dd id="sousmenu13" onmouseover="javascript:affiche('sousmenu13');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page13.html">Cliquez ici</a></li>
</ul>
</dd>
<dt onmouseover="javascript:affiche('sousmenu14');" onmouseout="javascript:affiche();">Défi Pepsi</dt>
<dd id="sousmenu14" onmouseover="javascript:affiche('sousmenu14');" onmouseout="javascript:affiche();">
<ul>
<li><a href="page14.html">Cliquez ici</a></li>
</ul>
</dd>
</dl>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
</br></br></br></br></br>
<div id="corps">
<p>
<h2>Conseil d’administration 2009-2010 </h2> </br>
Président : M. Robert Doyon</br>
Vice – Président : M. Mario Vachon</br>
Secrétaire-très. : Mme Sylvie Fortin</br>
Directeurs : M. David Poulin</br>
Représentant organisme : M. Christian Duval</br>
Représentants municipaux: M. Paul Veilleux</br>
M. Marc Mercier</br>
Directeur général : M. Michel Mercier</br>
Comptable : Mme Sylvie Fortin</br>
Employés d’entretien : M. Denis Poulin ( 31 ans de service)</br>
: M. Richard Poulin ( Retraité cette année )</br>
M. Paul Poulin (nouvel employé)</br>
</br>
<hr>
<h2>Saviez vous que ?</h2></br>
- L’aréna est en opération depuis 32 ans ( février 1972 ) ;</br>
- Le conseil d’administration est composé de 9 membres bénévoles et qu’il en coûte seulement 2,00$ pour devenir membre de l’aréna ;</br>
- L’aréna est une corporation sans but lucratif et ce depuis le tout début ;</br>
- La structure est un ancien hangar d’avion du fédéral ;</br>
- L’aréna possède 1020 sièges pour les spectateurs ;</br>
- Il passe au delà de 2000 personnes par semaine (octobre – mars ) ; </br>
- La glace est prête à la 2ème semaine d’août;</br>
- Il est possible de réserver l’aréna même en été (rassemblement, activité familiale, roller hockey, spectacle, etc. ) ;</br>
- Les chambres de joueurs de hockey ont été agrandi et les douches rafraîchi en août 2000 ;</br>
- Un nouveau système de sons a été installé en mai 2003 ;</br>
- La structure de l’aréna a été solidifiée en juin 2003 ;</br>
- Le restaurant et le pro-shop sont propriétés de l’aréna ;</br>
- Il vous est possible de vous afficher sur un des murs de l’aréna ou sur une des bandes disponibles à un coût très abordable ;</br>
- La Loto-Aréna a été mise sur pied pour restaurer la bâtisse et ses équipements ;</br></br>
<hr></br>
<h2>Pour nous rejoindre</h2></br>
Administration : 774 - 3137 Télécopieur : 774 - 9611</br>
Enregistrement : 774 - 9600 E-Mail : arenabeauceville@sogetel.net</br>
<?php
echo
?>
</div>
<div id="pied_de_page">
<p> Copyright "Aréna de Beauceville" 2009, tous droits réservés</p>
</div>
</body>
</html>
As-tu vérifié ton code ?!
Car :
- <h1> acceuil </h1> ne peut être là où il est
- Tu as plusieurs balises <head>, <body>, <title> pas possible
- <div align="center"> incorrect avec le XHTML 1.0 Strict! que tu utilises
- </br> à remplacer par <br />
- en dessous de <div id="corps"> tu as une balise <p> qui est inutile car toute seule, à supprimer.
Corrige déjà toutes ces petites erreurs afin que tu y vois plus clair ;-)
Car :
- <h1> acceuil </h1> ne peut être là où il est
- Tu as plusieurs balises <head>, <body>, <title> pas possible
- <div align="center"> incorrect avec le XHTML 1.0 Strict! que tu utilises
- </br> à remplacer par <br />
- en dessous de <div id="corps"> tu as une balise <p> qui est inutile car toute seule, à supprimer.
Corrige déjà toutes ces petites erreurs afin que tu y vois plus clair ;-)
Merci pour ces erreurs , je l'ai ai corrigé et le problème a présent est que , sur mon ordinateur la page s'ouvre et tout est bien centré alors que sur un autre ordinateur que j'ai a la maison , l'écran est plus large et je perd une petite partie du site de chaque côtés et je n'ai aucune idée pourquoi !
Alex.
Alex.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Chez moi tu as un problème au niveau du menu présent sur la gauche et dans le html en dessous de "<div align="center">" mais ça il faut utiliser le CSS pour régler le problème et ne sachant pas si tu as fait des modifications suite à ma remarque précédente impossible de te dire.
Pour le reste je ne sais pas, on travail on peu à l'aveuglette là difficile à dire, faudrait mettre tout ça en ligne pour y voir plus clair ;-) Ou attend peut-être que quelqu'un pour t'aider autrement.
Pour le reste je ne sais pas, on travail on peu à l'aveuglette là difficile à dire, faudrait mettre tout ça en ligne pour y voir plus clair ;-) Ou attend peut-être que quelqu'un pour t'aider autrement.
