espace énorme entre une image et la bordure d'un tableau

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu espace énorme entre une image et la bordure d'un tableau

Message par Lunathiel le Ven 25 Fév 2011 - 14:38

Bonjour ou bonsoir ^^

Voila pour mon nouveau forum je suis entrain de créer une page d'accueil...

Mais voila j'ai un petit soucis

Entre les bords haut bas et droite du tableau la ou je met mon image apparait un espace énorme alors qu'il ne devrait pas exister...

Voila en image ce que ça donne



Voila ma page d'accueil

Code:
<table class="pa"border=1>
<tr >
<td COLSPAN=5 height=210> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td > </td><td rowspan=8 width=340 padding=4>     <img src="http://i70.servimg.com/u/f70/16/20/19/52/nouvea10.png" /><MARQUEE behavior="scroll" direction="up" max-height="270" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();">
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu

</MARQUEE>
 </td>
</tr><tr>
<td max-height=43>
<img src="http://i70.servimg.com/u/f70/16/20/19/52/test10.png" name="image" onmouseover="image.src='http://i70.servimg.com/u/f70/16/20/19/52/testsu10.png'" onmouseout="image.src='http://i70.servimg.com/u/f70/16/20/19/52/test10.png'" />
</td><td> </td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td>
<img src="http://i70.servimg.com/u/f70/16/20/19/52/test10.png" /></td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td> </td><td> </td>
</tr>

</table>

et le css associé


Code:

.pa{
 width:800px;
 height:600px;
 background-image: url('http://i70.servimg.com/u/f70/16/20/19/52/fond_d12.png');
 background-repeat: no-repeat;
 background-position:left top;
background-color: #2E77AA;
 border: 4px solid #36587D;
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 8px;
padding:0;
}

Cette page d'accueil est ma création vous êtes prié de ne pas la copier merci http://creativecommons.org/licenses/by-nc-nd/2.0/fr/



Un grand merci pour votre aide


Dernière édition par Lunathiel le Ven 25 Fév 2011 - 15:57, édité 1 fois

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: espace énorme entre une image et la bordure d'un tableau

Message par ge80 le Ven 25 Fév 2011 - 14:47

Bonjour,

Cet espace vient de la largeur de votre colonne.

que voulez-vous faire ? Centrer ? Agrandir l'image ?



Cordialement,



Ge


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: espace énorme entre une image et la bordure d'un tableau

Message par Lunathiel le Ven 25 Fév 2011 - 14:49

J'aimerais que la colonne ai pile la taille de l'image

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: espace énorme entre une image et la bordure d'un tableau

Message par ge80 le Ven 25 Fév 2011 - 14:52

et quel sera le contenu des cellules qui seront sous cette image et dans cette colonne ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: espace énorme entre une image et la bordure d'un tableau

Message par Lunathiel le Ven 25 Fév 2011 - 14:56

Ce sera la même image pour beaucoup de colonne et les autres se sera une image de la même taille que je ferais transparente (sauf si cela devient inutile)

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: espace énorme entre une image et la bordure d'un tableau

Message par ge80 le Ven 25 Fév 2011 - 14:59

OK

Je teste

<td width="110" height="40">
Permet de régler la taille de la cellule
ne pas oublier les " qui correspond à la nouvelle norme !

Code:
<table class="pa" border="1">
<tr >
<td COLSPAN="5" height="210"> 1</td>
</tr><tr>
<td width="110" height="40"> 2</td><td>3 </td><td>4 </td><td > 5</td><td rowspan="8" width="340" padding="4"> 6    <img src="http://i70.servimg.com/u/f70/16/20/19/52/nouvea10.png" /><MARQUEE behavior="scroll" direction="up" max-height="270" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();">
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu<br/>
contenu</MARQUEE> </td>
</tr><tr><td width="110" height="40">7<img src="http://i70.servimg.com/u/f70/16/20/19/52/test10.png" name="image" onmouseover="image.src='http://i70.servimg.com/u/f70/16/20/19/52/testsu10.png'" onmouseout="image.src='http://i70.servimg.com/u/f70/16/20/19/52/test10.png'" /></td><td></td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td  width="110" height="40">
<img src="http://i70.servimg.com/u/f70/16/20/19/52/test10.png" /></td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td><td> </td><td> </td>
</tr>

</table>

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: espace énorme entre une image et la bordure d'un tableau

Message par Lunathiel le Ven 25 Fév 2011 - 15:57

OOOOOOOOOOOOOOOOH

je t'aime ge80 merci beauuucoup =D

thumright

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: espace énorme entre une image et la bordure d'un tableau

Message par ge80 le Ven 25 Fév 2011 - 15:58

Merci
Je suis touché Embarassed


bonne fin de journée

victoire

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum