texte dans image à écrire en bas de celle-ci [résolu]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : texte dans image à écrire en bas de celle-ci [résolu]

suizokukan

Bonjour,
je veux créer un simple lien sur une page avec une image au centre de cette dernière. Du texte doit apparaître en bas de l'image, à gauche. Le code que voici fait bien apparaître le texte mais en haut de l'image, à gauche, malgré la présence du valign="bottom" dans le premier <td>. Quelqu'un voit-il où je commets une erreur ?

Merci d'avance !

Voici mon code :

Code :

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<A href="source/000000.textdbdict" target="_self">
<div class="mainImage">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100" height="100" valign="bottom">
<font color="red">
(texte)
</font>
</td>
</tr>
</table>
</div>
</A>
</body>

combiné à ce simple my.css :

Code :

.mainImage {
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
background-image: url(image.jpg);
}

Message édité par suizokukan le 23-10-2013 à 15:57:38

---------------
rule #1 : trust the python

Publicité

suizokukan

Je me réponds à moi-même : il fallait forcer la "table" à avoir une largeur et une hauteur maximale :

Code :

<table border="0" cellpadding="0" cellspacing="0" width=100% height=100%>

Merci à ceux qui m'ont lu !

Message édité par suizokukan le 23-10-2013 à 15:57:58

---------------
rule #1 : trust the python

tpierron

[:delarue5] Aïe, aïe, la soupe de balise [:cerveau sad] Pourquoi tant de haine, c'est tellement plusse mieux avec CSS:

Code :

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.mainImage {
    position: absolute;
    display: block;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background-image: url(image.jpg);
}
.mainImage span {
    position: absolute;
    bottom: 0;
    color: red;
}
body {
    margin: 0;
    background-color: #fff
}
</style>
</head>
<body>
  <a href="source/000000.textdbdict" target="_self" class="mainImage"><span>(texte)<span></a>
</body>
</html>

FORUM HardWare.fr

Programmation

HTML/CSS

texte dans image à écrire en bas de celle-ci [résolu]

Sujets relatifs
faire onduler une image	Programmation d'un éditeur de texte
problème de cote et de prise en charge du texte	VBA - couleur texte cellule en fonction du jour
Probléme IMAGE pour mon site	Problèmes affichage texte
Patrons pour détecter les titres et les sous tires d'un fichier texte	[VB WORD] Position zone de texte
Afficher un texte au lieu de intval lorsque mon chiffre est 0	[HTML] Ecrire du texte sur une image ? .... ca avance !
Plus de sujets relatifs à : texte dans image à écrire en bas de celle-ci [résolu]

Page générée en 0.034 secondes