[Résolu] Position ( css ) - Placement d'élements sur une page web par freemp - page 1

Salut a tous !
J'ai un petit souci concernant mon placement en css !!
J'ai lu un peut les tutos sur le css et je n'arrive pas a bien placer mon menu, je vous explique:
En fait entre mon menu et le bord de la fenetre il y a un petit peu d'espace !!
je vous file mes codes sources:
style01.css

body
{
color: white;
}
h1
{
text-align: center;
font-weight: bold;
}
<b>#colonne_gauche_tuto
{
top: 0px;
left:0px;
}
</b>

mon code html:

<!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>
<link rel="stylesheet" media="screen" type="text/css" title="style01" href="style01.css" />
<title>Apprenez a configurer votre serveur Counter Strike:Source</title>


</head>
<body bgcolor ="black" text="white">
<table id="colonne_gauche_tuto" width="180" height="650" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/colonne-gauche/COLONNE-GAUCHE_01.gif" width="180" height="181" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/colonne-gauche/COLONNE-GAUCHE_02.gif" width="6" height="469" alt=""></td>
<td>
<a href="pages-annexes/bases.html"
onmouseover="window.status='Les bases de la configuration'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/colonne-gauche/COLONNE-GAUCHE_03.gif" width="174" height="27" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="images/colonne-gauche/COLONNE-GAUCHE_04.gif" width="174" height="17" alt=""></td>
</tr>
<tr>
<td>
<a href="pages-annexes/cfg.html"
onmouseover="window.status='Présentation du repertoire cfg'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/colonne-gauche/COLONNE-GAUCHE_05.gif" width="174" height="44" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="images/colonne-gauche/COLONNE-GAUCHE_06.gif" width="174" height="11" alt=""></td>
</tr>
<tr>
<td>
<a href="pages-annexes/many.html"
onmouseover="window.status='Installation et configuration de many-admin plugin'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/colonne-gauche/COLONNE-GAUCHE_07.gif" width="174" height="22" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="images/colonne-gauche/COLONNE-GAUCHE_08.gif" width="174" height="348" alt=""></td>
</tr>
</table>
</body>
</html>

Je tien a preciser que le code de la colonne a été fait avec photoshop ( j'ai exporter en html )

Voila mon petit probleme !
Et bien merci d'avance et bon week end a tous !!

ps: je ne peux pas mettre de screenshoot de l'espace entre la colonne et le bord de la fenetre car je suis actuellement en 56k en attendant de (re) avoir le haut débit.

freemp

8 septembre 2006 à 22:06:55

Asphator

9 septembre 2006 à 0:44:00

Salut

Tout d'abord, évite de mettre autre pour le code. Choisi CSS et xHTML.

Ensuite, tu marques bien top et left, mais il me semble que tu as oublié non seulement d'indiquer une largeur à ton bloc, mais aussi la façon dont tu le positionnes (relatif, absolue...).

Donc essaye déjà ça. Ensuite, si ca ne te conviens pas, repasses ici

(tu peux également essayer avec un float).

Only limits are ours...

9 septembre 2006 à 11:49:15

ca marche merci beaucoup !!

Position ( css )

Placement d'élements sur une page web

Position ( css )

Supprimer

Modérer

Signaler le message aux modérateurs