Mise en page tableaux => bizarreries

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Mise en page tableaux => bizarreries

Xgf

GRNX

Bonjour à tous :hello:

Je fais actuellement un site web avec Dreamweaver, avec des élements en php. Il a une mise en page à base de tableaux, avec un tableau principal qui regroupe tout le contenu du site. Sur les deux colonnes aux extrémités de ce tableau, qui font toute la hauteur du tableau en une seule cellule, il y a un background qui est un motif de 288 * 8 pixels qui se répète de haut en bas avec ce code :

Code :

<td style="BACKGROUND-POSITION: right top; BACKGROUND-REPEAT: repeat-y"
width="50%" background=other/gggg.gif rowspan="4">

Si je précise ça c'est parce que peut être que cela influe sur mon problème, donc venons en au problème :
Je souhaiterais que ma page commence en haut directement par la limite du tableau, c'est à dire que la j'ai un blanc de 10 à 15 pixels entre le début de la page sous explorer et les premieres images du tableau (le tableau quoi) et c'est moche. Il faudrait que le haut du tableau soit scotché au haut de la page. Je précise, on ne voit pas cet espace dans Dreamweaver, et il n'y a rien de visible dans le code qui pourrait laisser penser un espace, puisque j'enchaîne direct avec la balise <table> du tableau concerné juste après la balise <body>. Pour préciser quand même, en bas la page se termine bien à la fin du tableau et pas de marge à la ###.

A part cela, J'ai un script d'affichage d'images (bannières, mais taille variable) en php quelque part dans mon tableau. Ceci est représenté par une petite pastille "php" dans le mode création de Dreamweaver (peu importe). J'impose une taille de 62 px en hauteur (par exemple) à la cellule qui contient cette insertion, grâce à <td height="62">. Si l'image qui est ciblée par le code php est plus grande, c'est logique que la cellule s'étende de manière à pouvoir la contenir. Or, même si elle est plus petite, on constate toujours une hauteur minimale de cette cellule de 250 px. Quand l'image selectionnée est plus grande par contre il n'y a aucun blanc ni au dessus ni en dessous de l'image, donc pas de "marges" autour de l'image. Comment faire pour imposer une taille à cette cellule?

Voila, je vous remercie d'avance pour votre aide précieuse, amis hfriens

Publicité

Xgf

GRNX

Bon pour le second problème je me suis peut etre gourré de problème, en fait il y a ce décalage même lorsque je ne met rien dans la cellule (mais toujours défini une taille de 60), le contenu de l'autre (aussi du php mais pas de l'image, du texte et d'autres choses dans le genre) commence 250 px plus bas. Mais vous savez lorsque vous mettez du contenu dans une cellule sous dreamweaver, il a tendance a le mettre au milieu de celle ci. Comment faire pour coller son contenu en haut de la cellule?

nargy

> Il faudrait que le haut du tableau soit scotché au haut de la page.
- un pti coup de CSS dans le BODY:
<BODY .... style="margin:0;padding:0">

Message édité par nargy le 26-05-2006 à 20:51:29

Xgf

GRNX

Tout d'abord merci pour ton aide
Je viens d'essayer de mettre ça, et de la même manière que j'avais dejà essayé de mettre :
<BODY bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>
ça ne donne pas d'effets. Normalement ça devrait, j'ai aussi un autre site avec le même procédé pour le background, et il avait ce bout de code que je viens de copier coller.

nargy

poste l'adresse de la page web, histoire qu'on puisse vérifier...
tu doit avoir une marge qqpart...

Xgf

GRNX

Code :

<style>
.bord1 { background-repeat: no-repeat; border-color: black #000000 black black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
.bord2 { background-repeat: repeat-x}
.bord3 { background-repeat: repeat-y}
<? $c_result = mysql_query("select name, comments, value from design where name='body_style'" );
$c_row = mysql_fetch_row($c_result);
?>
body{<?echo $c_row[2]?>}
<? $c_result = mysql_query("select name, comments, value from design where name='h2_style'" );
$c_row = mysql_fetch_row($c_result);
?>
h2 {<?echo $c_row[2]?>}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #996600; text-decoration: none}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #990000; text-decoration: underline}
.Style1 {color: #FFFFFF}
body {
background-image: url();
}
</style>

ça c'est dans les balises style.

Maintenant un peu de body :

Code :

<body style="margin:0;padding:0">
<table height="784" border="0">
<tr>
<td style="BACKGROUND-POSITION: right top; BACKGROUND-REPEAT: repeat-y"
width="50%" background=other/machin.gif rowspan="3"><p align="center"> </p></td>
<td height="252" colspan="2"><DIV align=center><table id="Tableau_01" width="840" height="250" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8"><img src="http://machin/01.gif" width="840" height="183" alt=""></td>
</tr>
<tr>
<td colspan="8"><img src="http://machin/02.gif" width="840" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2"><a href="http://machin/"><img src="http://machin/03.gif" alt="" width="100" height="66" border="0"></a></td>
<td rowspan="2"><a href="http://machin/index.php?tp=signup"><img src="http://machin/04.gif" alt="" width="106" height="66" border="0"></a></td>
<td colspan="6"><img src="http://machin/05.gif.gif" width="634" height="1" alt=""></td>
</tr>
<tr>
<td height="65"><a href="http://machin/index.php?tp=c1"><img src="http://machin/06.gif" alt="" width="105" height="65" border="0"></a></td>
<td><a href="http://machin/index.php?tp=c2"><img src="http://machin/07.gif" alt="" width="107" height="65" border="0"></a></td>
<td><a href="http://machin/index.php?tp=c3"><img src="http://machin/08.gif" alt="" width="106" height="65" border="0"></a></td>
<td><a href="http://machin/index.php?tp=c4"><img src="http://machin/09.gif" alt="" width="106" height="65" border="0"></a></td>
<td><a href="http://machin/index.php?tp=c5"><img src="http://machin/10.gif" alt="" width="105" height="65" border="0"></a></td>
<td><a href="http://machin/forum/"><img src="http://machin/11.gif" alt="" width="105" height="65" border="0"></a></td>
</tr>
</table></td>
<TD style="BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: repeat-y"
width="50%" background=other/machin1.gif
rowSpan=3> </TD>
<td width="0"></td>
</tr>
<tr>
<td width="134" height="232"><table width="134" height="250" border="0" align="top" cellPadding=0>
<tr>
<td width="128"><div align="left"><img src="other/truc.gif" width="128" height="65"></div></td>
</tr>
<tr>
<td><p align="left"> <img src="puce.gif" width="14" height="14"> Jeux Flash </p>
<p align="left"><img src="puce.gif" width="14" height="14"> Forum </p></td>
</tr>
<tr>
<td><div align="left"><img src="other/part.gif" width="128" height="65"></div></td>
</tr>
<tr>
<td><p align="left"><img src="puce.gif" width="14" height="14"> Votre lien ici </p>
<p align="left"><img src="puce.gif" width="14" height="14"> Votre lien ici </p></td>
</tr>
</table></td>
<td width="702" rowspan="2"><table width="702" border="0">
<tr>
<td width="702"><div align="center"><font size="1">
<?
$sql=mysql_query("SELECT * FROM banners" );
$rows=mysql_num_rows($sql);
$r=rand(0,$rows);
@mysql_data_seek($sql,$r);
@$arr=mysql_fetch_array($sql);
@extract($arr);
echo"<a href=out.php?url=$flink target=blank><img src=$furl border='0' alt='".isset($falt)."'></a>";
$shows=$fshows+1;
mysql_query("UPDATE banners SET fshows=$shows WHERE fnum=$fnum" );
if (($fshows>$fsize)||($fshows==$fsize)) {
$remove=mysql_query("DELETE FROM banners WHERE fnum=$fnum" );
}
?>
</font></div></td>
</tr>
<tr>
<td><font size="1">
<?php
switch($tp)
{
case('c1'):
include('c1.php');
break;
case('c2'):
include('c2.php');
break;
case('c3'):
include('c3.php');
break;
case('c4'):
include('c4.php');
break;
case('c5'):
include('c5.php');
break;
case('c6'):
include('c6.php');
break;
case('c7'):
include('c7.php');
break;
case('c8'):
include('c8.php');
break;
case('c9'):
include('c9.php');
break;
case('c10'):
include('c10.php');
break;
case('c11'):
include('c11.php');
break;
case('c12'):
include('c12.php');
break;
case('c13'):
include('c13.php');
break;
case('c14'):
include('14.php');
break;
case('c15'):
include('c15');
break;
case('c16'):
include('c16.php');
break;
case('c17'):
include('c17.php');
break;
case('c18'):
include('c18.php');
break;
case('c19'):
include('c19.php');
break;
case('c20'):
include('c20.php');
break;
case('c21'):
include('c21.php');
break;
case(''):
include('home.php');
break;
}
?>
</font></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="134"> </td>
</tr>
</table>
</body>

En esperant que cela puisse aider

Message édité par Xgf le 27-05-2006 à 11:51:18

nargy

<table height="784" border="0">
il manque:
cellpadding=0
et peut être aussi:
cellspacing=0

Xgf

GRNX

C'est fait hélàs, toujours que dalle.

<body style="margin:0;padding:0">
<table height="784" border="0" cellspacing="0" cellpadding="0">

nargy

essaye d'ajouter aux tables:
border=1
et aux divs:
style="border:solid 1px black"
pour vérifier de quel élément vient la marge.

Xgf

GRNX

Alors en rajoutant ça, on voit bien que le contenu du site est détouré, mais la marge en haut n'est pas comprise dedans, elle ne fait donc pas partie du tableau.

Mais c'est toujours pas une solution helas

Publicité

nargy

Première piste: La feuille de style n'est pas claire, notamment:
body{<?echo $c_row[2]?>}
qu'y a-t-il dans c_row?
tu as aussi:
background-url: url()
qui ne sert pas à grand chose.
Peut être que tu plante le moteur CSS?

Autre piste: vérifie que tu n'a pas plusieurs bodys, et ce que tu as avant le <body> que tu présente plus haut. Y a t-il des frames ou autres bizarreries?

nargy

ha oui, tu n'a qu'une marge en haut? pas sur les côtés?
tu doit avoir un espace qqpart, genre un <p> ou un <br> qui traîne.

Xgf

GRNX

Ouais c'est qu'en haut, j'ai viré le background-image:url() dejà mais c'est pas ça.
Sinon c_row je sais pas trop ce que ça peut être en fait Il y aurait pas un moyen de le savoir pour que je puisse te répondre et peut etre trouver une solution?

(Toujours la quand il faut nargy thx a lot)

Xgf

GRNX

Sinon la page (index.php) commence par quelques trucs en php pour se logger a un compte, ensuite commence le <html>, vient d'abord <head> avec <title>, des <meta>, puis le <style> copié-collé plus haut, et fermeture de <head> direct apres la fin de <style>, et enchainement direct avec <body>. Ca a l'air d'être super clean comme code !

Xgf

GRNX

J'ai carrément enlevé :

body{<?echo $c_row[2]?>}
<? $c_result = mysql_query("select name, comments, value from design where name='h2_style'" );
$c_row = mysql_fetch_row($c_result);
?>

Pour voir ce que ça faisait, et en fait au lieu d'avoir du texte surligné bleu et de couleur blanche et dans un certaine police, il est noir dans une police par defaut. Sinon la marge est toujours présente.

nargy

ok, attends, on va pas y arriver comme ça.
fait péter l'url.

478

Bonjour Nargy ;
Je suis co-webmaster de se site avec Xgf depuis le début tu a posté dans le but de nous aider et malgré que le resultat escompté ne soit pas au rendez-vous je tiens a t'exprimer ma gratitude.
Ceci étant dit je voudrais aussi t'expliquer pourquoi Xgf ne te donne pas l'adresse de notre site, c'est tout simplement parce que on tient a se que l'adresse ne se diffuse pas tant que le site n'aura pas officiellement ouvert ses portes .
Mais si tu accepte je peux te donner mon adresse msn comme sa on pourra comuniquer plus facilement et je pourer t'envoyer l'adresse du site.
Je te remercie d'avance .
Amitié
David

nargy

primo tu as un espace non sécable tout en haut de la page, juste après le body.

Dans le source tu verra:  
C'est à retirer.

deuxio, ajoute ça dans le body:

Code :

leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"

...mais attention, ça retire toutes les marges, ce qui risque d'être dégeulasse si l'utilisateur imprime la page sur une imprimante pas trop bien réglée.

tertio, j'avais oublié à quel point DreamWeaver fait du code de ... j'ai mal aux yeux!!

gatsu35

Blablaté par Harko

:fou: virez moi votre vieux HTML de merde :fou:
body {margin:0; padding:0} dans la CSS et basta bordel

nargy

ya déjà, ya déjà, ça buggue quand même.

Message cité 1 fois

mIRROR

Chevreuillobolchévik

nargy a écrit :

ya déjà, ya déjà, ça buggue quand même.

alors ca devait vraiment faire tres tres mal aux yeux

Xgf

GRNX

Re

J'ai peut être une piste, les RowSpan qui sont dans le code des backgrounds répétés à gauche et a droite. D'habitude c'est 3, avec 2 il me met une marge semblable en bas, n plus de celle du haut, mais avec 4 cela ne fait aucune différence avec 3.

nargy

IL YA UN ESPACE INSECABLE JUSTE APRES LE TAG BODY

Xgf

GRNX

Je lis tout ce que tu écris et je le fais à chaque fois, maintenant c'est sous entendu que ça marche pas, cet espace insécable je l'ai supprimé, le problème reste le même.

nargy

Non, il est toujours là. Ouvre le fichier avec Notepad, et supprime l'espace à la main, ça marche.

478

Si un espace insecable est écrit de cette mfaçon la " &nbsp " je vien de vérifier il n'y en a pas ( ctrl+f sur la source )

The-Shadow

Développeur
T'as été voir dans ton profil?

une espace

Xgf

GRNX

Up ? Nargy si tu repasse dans le coin, tu peux aller verifier il n'y a plus un seul   dans la page. T'as rien fait d'autre pour que ça marche chez toi a part ce que tu as indiqué ?

nargy

Votre site n'est plus accessible (le 22/06 à 21h30), car la page principale se recharge sans interruption.

Ceci dit, je me répète, il y a une espace insécable. Si vous regardez le source avec Firefox vous ne le verrez pas (j'ai pas testé avec IE).

Il vous faut ouvrir le source avec Notepad, rechercher " " et le supprimer.

Message édité par nargy le 22-06-2006 à 23:35:13

The-Shadow

Développeur
T'as été voir dans ton profil?

Une espace bordel.
Surtout quand on parle d'espace insécable.

478

ok c'est noté

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Mise en page tableaux => bizarreries

Sujets relatifs
Porté une variable sur une autre page avec "a href" ?	Page blanche ?? [résolu]
Boite de selection : conserver son choix après changement de page ?	Pied de page bouge
Créer page web centrée	enregistrer page html
Probleme lors mise a jour de textarea : encodage ?	problème de conception de graphiques dans une page jsp
Problème de décalage sur une page	problème dencodage dune page avec une bdd
Plus de sujets relatifs à : Mise en page tableaux => bizarreries

Page générée en 0.163 secondes