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

2 participants

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 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

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

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/ espace énorme entre une image et la bordure d'un tableau 80x15



Un grand merci pour votre aide


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

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 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,



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

ge80

ge80
Membre actif

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

http://www.tsi80.net/
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 Ven 25 Fév 2011 - 14:49

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

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 Ven 25 Fév 2011 - 14:52

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

ge80
Membre actif

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

http://www.tsi80.net/
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 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

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 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

ge80
Membre actif

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

http://www.tsi80.net/
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 Ven 25 Fév 2011 - 15:57

OOOOOOOOOOOOOOOOH

je t'aime ge80 merci beauuucoup =D

thumright
Lunathiel

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 Ven 25 Fév 2011 - 15:58

Merci
Je suis touché Embarassed


bonne fin de journée

victoire
ge80

ge80
Membre actif

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

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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