Enlever bordures image GIF dans TABLE HTML.
Résolu
alexou1984
Messages postés
375
Date d'inscription
Statut
Membre
Dernière intervention
-
FOUDINGUE -
FOUDINGUE -
Bonjour,
J'ai téléchargé des images GIF sur internet pour pouvoir les ajouter dans l'une des pages de mon site web. Le problème c'est que ces images ont un espèce de carré blanc qui les englobent et ça fait moche sur ma page, peut-on enlever ces bordures blanches sachant qu'elles font parties du fichier d'origine ?
Voici le code de ma page (les traits remplacent du texte que je souhaite garder confidentiel) :
<HTML>
<HEAD>
<TITLE>
----------
</TITLE>
</HEAD>
<BODY>
<BR>
<BR>
<BR>
<BR>
<BR>
<CENTER><TABLE border="1">
<TR>
<TD>
<FONT COLOR="#000000"><CENTER><B>
<FONT SIZE="6">
----------
</FONT>
<BR>
<BR>
<FONT SIZE="4">
----------
<BR>
----------
<BR>
----------
</FONT>
</B></CENTER></FONT>
</TD>
</TR>
</TABLE></CENTER>
<BR>
<BR>
<BR>
<CENTER><TABLE cellspacing="5" border="1">
<TR>
<TD>
<FONT SIZE="2"><FONT COLOR="#FF0000"><CENTER><B>
----------
</B></CENTER></FONT></FONT>
<BR>
<CENTER>
<IMG SRC="logobad.gif">
</CENTER>
</TD>
<TD>
<FONT SIZE="2"><FONT COLOR="#00FF00"><CENTER><B>
----------
</B></CENTER></FONT></FONT>
<BR>
<CENTER>
<IMG SRC="logogood.gif">
</CENTER>
</TD>
</TR>
</TABLE></CENTER>
</BODY>
</HTML>
J'ai téléchargé des images GIF sur internet pour pouvoir les ajouter dans l'une des pages de mon site web. Le problème c'est que ces images ont un espèce de carré blanc qui les englobent et ça fait moche sur ma page, peut-on enlever ces bordures blanches sachant qu'elles font parties du fichier d'origine ?
Voici le code de ma page (les traits remplacent du texte que je souhaite garder confidentiel) :
<HTML>
<HEAD>
<TITLE>
----------
</TITLE>
</HEAD>
<BODY>
<BR>
<BR>
<BR>
<BR>
<BR>
<CENTER><TABLE border="1">
<TR>
<TD>
<FONT COLOR="#000000"><CENTER><B>
<FONT SIZE="6">
----------
</FONT>
<BR>
<BR>
<FONT SIZE="4">
----------
<BR>
----------
<BR>
----------
</FONT>
</B></CENTER></FONT>
</TD>
</TR>
</TABLE></CENTER>
<BR>
<BR>
<BR>
<CENTER><TABLE cellspacing="5" border="1">
<TR>
<TD>
<FONT SIZE="2"><FONT COLOR="#FF0000"><CENTER><B>
----------
</B></CENTER></FONT></FONT>
<BR>
<CENTER>
<IMG SRC="logobad.gif">
</CENTER>
</TD>
<TD>
<FONT SIZE="2"><FONT COLOR="#00FF00"><CENTER><B>
----------
</B></CENTER></FONT></FONT>
<BR>
<CENTER>
<IMG SRC="logogood.gif">
</CENTER>
</TD>
</TR>
</TABLE></CENTER>
</BODY>
</HTML>
A voir également:
- Bordure gif
- Bordure de page word - Guide
- Convertir gif en video - Guide
- Application gif gratuit - Télécharger - Animation
- Comment créer un gif - Guide
- Smart gif - Télécharger - Animation
2 réponses
si la bordure partie de l'image, le plus simple pour toi est d'éditer cette image avec paint shop pro, gimp photoshop ou tout autre éditeur d'image et de retailler cette image pour enlever la bordure. Pour qu'on t'aide il faudrait au moins voir cette image ou voir ta page
alexou1984
Messages postés
375
Date d'inscription
Statut
Membre
Dernière intervention
35
Je connais ce procédé, mais je voulais savoir s'il n'y avait pas un code HTML pour éviter de me casser la tête avec un logiciel de retouches. Bon, je vais devoir passer par Photoshop. Merci quand même.
Au fait, j'ai un autre problème. Dans cette même page HTML j'aimerais intégrer une image de fond centrée derrière le texte et la TABLE mais je n'y arrive pas. J'ai déjà essayé de mettre les codes BODY BACKGROUND et IMG SRC mais sans succès. Quelqu'un peut m'aider ?
Salut alexou
Voici un bout de code pour mettre tes images en fonds, simple tableau de trois ligne.
Ici je défini le tableau avec une entête: <thead> ; un corp: </tbody> ; et un pied : </tfoot>;
Je m'en sert pour mon livre d'or.
<table width="400px" border="0px" style="border-color:#06631c" cellpadding="0" cellspacing="0" >
<thead height="40px" background="http://l'adresse absolue de ton image.gif" >
<div class="auteur">
<tr>
<!-- Tes données -->
</tr>
</div>
</thead>
<tbody background="http://l'adresse absolue de ton image.gif">
<div class="texte_msg">
<tr>
<!-- Tes données -->
</tr>
</div>
</tbody>
<tfoot height="40px" background="http://l'adresse absolue de ton image.gif" >
<div class="note_msg">
<tr>
<!-- Tes données -->
</tr>
</div>
</tfoot>
</table>
Tu peux voir ce que ça donne sur ce lien
http://www.foudingue.fr/livredor.php
mais cela ne fonctionne toujours pas sous IE désolé, et je suis en train de faire des modifs
En espérant que cela puisse à pu te faire avancer.
Voici un bout de code pour mettre tes images en fonds, simple tableau de trois ligne.
Ici je défini le tableau avec une entête: <thead> ; un corp: </tbody> ; et un pied : </tfoot>;
Je m'en sert pour mon livre d'or.
<table width="400px" border="0px" style="border-color:#06631c" cellpadding="0" cellspacing="0" >
<thead height="40px" background="http://l'adresse absolue de ton image.gif" >
<div class="auteur">
<tr>
<!-- Tes données -->
</tr>
</div>
</thead>
<tbody background="http://l'adresse absolue de ton image.gif">
<div class="texte_msg">
<tr>
<!-- Tes données -->
</tr>
</div>
</tbody>
<tfoot height="40px" background="http://l'adresse absolue de ton image.gif" >
<div class="note_msg">
<tr>
<!-- Tes données -->
</tr>
</div>
</tfoot>
</table>
Tu peux voir ce que ça donne sur ce lien
http://www.foudingue.fr/livredor.php
mais cela ne fonctionne toujours pas sous IE désolé, et je suis en train de faire des modifs
En espérant que cela puisse à pu te faire avancer.