Attachement haut dans page

Version imprimable

17/04/2008, 10h37
Erwan M.

Attachement haut dans page

Bonjour,

Mon souci est le suivant :

Je n'arrive pas à fixer ce que j'ai dans mes <td> en haut de ma page...
Le seul moyen que j'ai trouvé pour que mon texte soit en haut, c'est de mettre plein de balise <br> pour que le texte remonte...

Si il y a une autre solution, j'aimerais la connaître, ça pourrais être pratique ^^

Merci beaucoup :)
17/04/2008, 10h47
osia1

C'est à dire que tu veux que ton texte qui est à l'intérieur de tes <td> soit en haut...
17/04/2008, 10h51
Erwan M.

Oui voilà, parce que là tout se retrouve au milieu de ma page et ça laisse un gros vide en haut (très très moche je dois dire ^^)...

Je pensais que valign=top servait à ça, mais j'en ai plus vraiment la conviction... à moins que je ne sache pas où le mettre...
17/04/2008, 11h18
osia1

tu as essayé de modifier les marges?? genre

Code:

margin-top: 0px;

??
17/04/2008, 11h40
Erwan M.

Oui effectivement ça marche... j'avais testé mais en ne le mettant pas au bonne endroit :roll:

Le p'tit hic maintenant c'est que je me retrouve avec un espace très vide dans le bas de ma page. Tu sais comment je peux gérer pour que ma page soit à la bonne taille, sans surplus inutile ??
17/04/2008, 11h48
osia1

es-ce que tu as le code de ton css pour voir ce qu'on peut modifier??

Voilà ma page d'affichage :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<body>
<table class="tableaccueil">
	<tr>
		<td align=center colspan=3 height="10%" valign="top">
			<a href="index.php" title="Bienvenue sur le site du Cinema Jacques Demy">
			<img src="images/banniere.png" border="0">
			</a>
		</td>
	</tr>
	<tr valign=top>
	        <td class="td1" rowspan=3>
			<marquee behavior="scroll" direction="up" height="500" scrollamount="1" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><b>Programme du mois</b></marquee>
		</td>
		<td rowspan=2>
			<img src="images/test.jpg" border="0">
		</td>
                <td align='center' class='erreur'>
			Veuillez saisir tout les champs afin de vous connecter
			<br><br>
			<form action='index2.php' method='POST'>
				<fieldset class='fieldset2'>
					<legend class='legend'> Administration </legend>
					<table class='tabletous'>
						<tr>
						       <td class='connect'>Login</td><td><input type=text name=login size='8'><br></td>
						</tr>
						<tr>
							<td class='connect'>Password</td><td><input type=password name=mdp size='8'><br></td>
						</tr>
						<tr>
							<td colspan=2 align=center><input type=submit value='Connecter'></td>
						</tr>
					</table>
				</fieldset>
					</form>
					</td>

Et mon code css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
.tableaccueil	{
		background-image: url('images/logo.jpg');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		padding-left: 5px;
		padding-right: 5px;
		border-width: 0px;
		width: 100%;
		}
 
.td1	{
	color: #ffffff;
	text-align: center;
	padding-top: 0%;
	width: 17%;
	background-image: url('images/test.jpg');
	background-repeat: repeat-x;
	}
 
.erreur	{
	border-style: dashed;
	border-color: #000000;
	border-width: medium;
	padding-top: 20%;
	}

Mais finalement ma class=erreur ne fonctionne pas, que je mette padding ou margin... du coup, mon fieldset se retrouve tout en haut (grâce au valign=bottom), mais justement un peu trop et j'arrive pas à le descendre un peu...
Si j'arrive à le descendre de genre 10%, il faudrait que l'espace en dessous soit réduit, afin de ne pas laisser un grand vide...

17/04/2008, 12h18
osia1

tu as essayer de réduire la marge en bas de ta classe "erreur" avec:

Code:

margin-bottom : 0px;
17/04/2008, 13h34
Erwan M.

ça ne change malheureusement strictement rien...
17/04/2008, 16h48
Ani[MAL]

Je ne vois pas trop d'ou vient ton soucis..

A ta place je supprimerai une à une les ligne de ton css concernant tes td, ainsi tu verras vite si le problème vient de ton code ou si il manque quelque chose :)