Retrouvez les publications relatives à ces discussions dans
nos rubriques CSS, HTML, XHTML.
liste des forums
liste des discussions
Participer à la discussion
-
Message publié le lundi 06 octobre 2008 à 21 h 28 par Maitrekou.
-
Bonjour,
Je suis en train de créer un site amateur et il me reste un problème de taille : lorsque mon site est aligné à gauche (automatique) tout va bien, mais lorsque je veux le centrer ça foire.
Les DIV ayant une image se centre bien ainsi que le contenu des autres DIV.
Les autres DIV (où j'ai mis une image de fond), cette image de fond ne s'aligne pas au centre alors que le contenu si.
Que dois-je faire pour centrer ces DIV récalcitrantes?
Voici le screen quand aligné à gauche et que tout fonctionne
http://img185.imageshack.us/my.php?image=bugokcm9.jpg
Et ici le bug
http://img185.imageshack.us/my.php?image=bugga2.jpg
Ceci arrive quand je mets simplement <center> au début du body.
Merci d'avance :)
-
Message publié le mardi 07 octobre 2008 à 01 h 08 par AdrienVH. L'informatique à portée de tous ! Une douce utopie ? Non... Un principe... /// http://www.adam-photographie.com
-
Car on ne centre plus avec <center> et </center> mais en utilsant des propriétés CSS comme text-align ou margin...
Essaye à la place un <div style="margin:0 auto 0 auto;"> et en fermant avec </div>...
Si cela ne marche pas (c'est du bricolage), il faudra nous montrer un peu ton code source...
Bonne soirée
Adrien^^
-
Message publié le mardi 07 octobre 2008 à 10 h 55 par Maitrekou.
-
Hum cela ne fait rien du tout lorsque je rajoute cette ligne.
Je précise que pour le moment je n'ai pas de fichier .css (pour la simple et bonne raison que je dois faire un site brut, puis l'améliorer par après : css => php).
Voici par exemple le code source de ma page principale.
<html>
<head>
<title>Battlefield Heroes :: La communauté francophone ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="black" link="#000000" vlink="#000000" alink="#910000">
<div style="margin:0 auto 0 auto;">
<div class="section" id="menu" style="background-image:url(images/menu.gif) ; background-repeat:no-repeat; visibility:visible float:">
<table width="584" border="0">
<tr>
<td> </td>
<td> </td>
<td width="50px" height="21" valign="bottom"><a href="index.html"><img src="images/accueil_rouge.gif" border="0" onmouseover="this.src='images/accueil_noir.gif'" onmouseout="this.src='images/accueil_rouge.gif'" ></a></td>
<td width="50px" height="21" valign="bottom"><img src="images/lejeu_noir.gif" onmouseover="this.src='images/lejeu_rouge.gif'" onmouseout="this.src='images/lejeu_noir.gif'"></td>
<td width="50px" height="21" valign="bottom"><img src="images/media_noir.gif" onmouseover="this.src='images/media_rouge.gif'" onmouseout="this.src='images/media_noir.gif'"></td>
<td width="50px" height="21" valign="bottom"><img src="images/forum_noir.gif" onmouseover="this.src='images/forum_rouge.gif'" onmouseout="this.src='images/forum_noir.gif'"></td>
</tr>
</table>
</div>
<div class="section" id="header"><a href="index.html"><img src="images/header.gif" width="584" height="271" border="0"></a></div>
<div class="section" id="chemin" style="background-image:url(images/chemin.gif) ; background-repeat:no-repeat; visibility:visible">
<table width="584" border="0">
<tr>
<td width="10" height="15"></td>
<td height="15" valign="top"><font face="verdana" size=1><b>Accueil</b></font></td>
</tr>
</table>
</div>
<div class="section" id="corps" style="background-image:url(images/corps.gif) ; background-repeat:no-repeat; visibility:visible">
<table width"584" border="0">
<tr>
<td height="1" colspan="4"></td>
</tr>
<tr>
<td width="12" height="125" rowspan="2"></td>
<td width="100" height="125" rowspan="2"><a href="news3.htm"><img src="images/news3.gif" border="0"></a></td>
<td width="1"></td>
<td width="400" height="125"><font face="verdana" size=2><b>Dossier : la personnalisation, les points et les missions</b><br>
Il y a quelques temps, deux personnes travaillant sur Battlefield Heroes ont dévoilés, via le blog officiel, de plus amples détails sur la personnalisation des personnages, les points et missions.<br> A découvrir dans la suite. <a href="news3.htm" style="text-decoration:none;">[...]</a></td>
</tr></table>
<table width"584" border="0">
<tr>
<td width="12" height="125" rowspan="2"></td>
<td width="100" height="125" rowspan="2"><a href="news2.htm"><img src="images/news2.gif" border="0"></a></td>
<td width="1"></td>
<td width="400" height="125"><font face="verdana" size=2><b>Nouvelle vidéo : Victory Village</b><br>
Il y a quelques temps maintenant, EA Inc. et Dice ont sorti un trailer présentant la map “Victory Village” ainsi que quelques customisations plutôt loufoques
<br><br>
Retrouvez la vidéo dans la suite de cette news. <a href="news2.htm" style="text-decoration:none;">[...]</a></td>
</tr></table>
<table width"584" border="0">
<tr>
<td width="12" height="125" rowspan="2"></td>
<td width="100" height="125" rowspan="2"><a href="news1.htm"><img src="images/news1.gif" border="0"></a></td>
<td width="1"></td>
<td width="400" height="125"><font face="verdana" size=2><b>Ouverture du site</b><br>
Bienvenue à tous sur le nouveau site francophone traitant de Battlefield Heroes, le jeu gratuit développé par Dice et EA Inc.
<br><br>
Le site se voudra informatif de part ses différentes pages et news, mais aussi communautaire grâce à son forum. <a href="news1.htm" style="text-decoration:none;">[...]</a></td>
</tr>
</table>
<table width"584" border="0">
<tr>
<td height="2"></td>
</tr>
</table>
</div>
<div class="section" id="copyright"><img src="images/copyright.gif" width="584" height="14"></div>
</div>
</body>
</html>
liste des forums
liste des discussions
Participer à la discussion
Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.