Flux rss
Ils ont besoin de votre aide
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

HTML/Tableau/Espaces autour d'une image

alexou1984, le dimanche 21 septembre 2008 à 03:24:04
Bonjour,

J'ai créé un tableau dans lequel se trouve une photo. Je n'arrive pas à faire en sorte que les bords du tableau collent à ceux de la photo. Il y a toujours un espace assez conséquent sous la photo. Je pense avoir tout essayé : marginheight ; valign ; cellpadding... ect. Je ne sais plus quoi faire. Quelqu'un peut-il m'aider ?

Voici mon code :

<center>
<table border="1" bordercolor="#0011ee">
<center>
<tr>
<center>
<td>
<center>
<a href="a.html">
<img src="a.jpg" width="100">
</a>
</center>
</td>
</center>
</tr>
</center>
</table>
</center>

Merci d'avance.
Configuration: Windows XP
Internet Explorer 7.0
Répondre à alexou1984  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zzzrod, le dimanche 21 septembre 2008 à 04:09:26
<table border="0" cellpadding='0' cellspacing='0'>
ou
<table border="1" bordercolor="#0011ee" cellpadding='0' cellspacing='0'>

et aussi:

<table border="1" bordercolor="#0011ee" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="background:url(a.jpg) no-repeat;" onclick="javascript:window.location='a.html';" align="center">
</td>
</tr>
</table>
   
Répondre à zzzrod

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zzzrod, le dimanche 21 septembre 2008 à 04:11:26
tu peux faire la même chose sans une table:

<div style="background:url(a.jpg) no-repeat; border:1px solid #000000; height:100px; width:150px; text-align:center;" onclick="javascript:window.location='a.html';"></div>
   
Répondre à zzzrod

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
alexou1984, le dimanche 21 septembre 2008 à 15:14:44
Merci beaucoup pour ces réponses. Juste une question, le "no-repeat" et le "text-align:center" servent à quoi ? "text-align:center" c'est pour centrer l'image c'est ça ?
   
Répondre à alexou1984

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zzzrod, le dimanche 21 septembre 2008 à 20:09:17
Avec 'no-repeat' l'image ne répète pas (parce qu'elle est comme le fond/background du div).
Et 'text-align:center' c'est pour aligner le TEXT au centre du div non l'image.
Pour aligner l'image faites ça:
<div style="background:url(a.jpg) no-repeat; border:1px solid #000000; height:100px; width:150px; text-align:center;" onclick="javascript:window.location='a.html';" ALIGN='CENTER'></div>

Ou avec une table:

<table align='center'>
<tr>
<td>
<div style="background:url(a.jpg) no-repeat; border:1px solid #000000; height:100px; width:150px; text-align:center;" onclick="javascript:window.location='a.html';"></div>
</td>
</tr>
</table>

Je vous suggère ces sites:
http://www.cssdebutant.com/
http://www.cssplay.co.uk
   
Répondre à zzzrod

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 alexou1984, le lundi 22 septembre 2008 à 01:21:34
Merci beaucoup pour les réponses.
   
Répondre à alexou1984
Posez votre question Répondre

Résultats pour HTML/Tableau/Espaces autour d'une image

Code HTML pour inserer une image de fond (Résolu) Bonjour, je fais actuellement une newsletter pour le compte d'une entreprise. jaurai besoin de savoir les codes html pour mettre une image provenant d'internet (transparente) en fond. merci beaucoup de me renseigner, c'est assez urgent... www.commentcamarche.net/forum/affich-6994846-code-html-pour-inserer-une-image-de-fond
Espace en HTML En HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace... www.commentcamarche.net/faq/sujet-8070-espace-en-html
Pb mise en page conversion doc --> html (Résolu) Bonjour lors d'une conversion d'un .doc a un .html la mise en page des tableaux et des images est modifiée. Je me retrouve à visualiser la moitié de mes tableaux et les images que j'alignais a gauche se retrouvent centrées. Si... www.commentcamarche.net/forum/affich-2763498-pb-mise-en-page-conversion-doc-html

Résultats pour HTML/Tableau/Espaces autour d'une image

Insérer une image dans un mail Gmail en cours de compositionVoici une excellente méthode pour insérer des images dans vos e-mails Gmail. Résultat garanti ! Vu que vous avez un compte Gmail (puisque vous vous posez cette question) vous avez nécessairement accès à Google Documents. C'est le même compte... www.commentcamarche.net/faq/sujet-10864-inserer-une-image-dans-un-mail-gmail-en-cours-de-composition
Réponses suivantes

Résultats pour HTML/Tableau/Espaces autour d'une image

HTML Centrer 3 images (Résolu)Bonjour, j'ai commencé un site; j'avais envie de faire un menu horizontal...et pour ca, j'ai mis le fond grace a une image en background et repeat. Par contre, dans mon html, je centre les images qui sont au nombre de 3 et qui servent à... www.commentcamarche.net/forum/affich-8809741-html-centrer-3-images
[LaTeX2HTML] définition des images (Résolu)Bonjour, J'ai un document Latex contenant des équations. Je voudrais traduire les équations en images afin des les insérer ailleurs. Pour ça, j'utilise LaTeX2HTML (je n'utilise pas la partie HTML, juste génération d'image), qui... www.commentcamarche.net/forum/affich-9039101-latex2html-definition-des-images
Problème javascript rollover et tabover (Résolu)Bonjour, J'ai un petit souci sur un script. Je veux créer un tableau comportant une image et dessous deux mots différents dans deux cases différentes avec une fonction de rollover faisant changer l'image du dessus (chaque mot entraînant... www.commentcamarche.net/forum/affich-8687703-probleme-javascript-rollover-et-tabover
Réponses suivantes

Résultats pour HTML/Tableau/Espaces autour d'une image

Télécharger WebGobbler Pour créer des tableaux artistiques des images dites abstraites, il ne faut plus avoir de l'inspiration. Laissez les programmes créés pour vous! WebGobbler est un programme gratuit permettant de mélanger plusieurs images et de donner un résultat... www.commentcamarche.net/telecharger/telecharger-34055831-webgobbler
Réponses suivantes

Résultats pour HTML/Tableau/Espaces autour d'une image

Les tableauxUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un... www.commentcamarche.net/contents/html/htmltable.php3
Tableau de bordNotion de tableau de bord Un tableau de bord est une représentation graphique synthétique d'un ensemble d'indicateurs donnant à un responsable tous les éléments lui permettant de prendre visuellement et rapidement des décisions. Compte-tenu de sa... www.commentcamarche.net/contents/qualite/tableau-de-bord.php3
Les balises HTMLHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte contenant des... www.commentcamarche.net/contents/html/htmlbalise.php3
Réponses suivantes