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

Marsh Posté le 23-10-2013 à 15:05:50

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

Marsh Posté le 23-10-2013 à 15:05:50

Marsh Posté le 23-10-2013 à 15:57:00

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

Marsh Posté le 23-10-2013 à 16:19:56

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

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *