Comment ajuster une table à la taille de son image d'arrière-plan?

J'ai besoin de mettre du texte au-dessus d'une image, c'est exactement comme l'image de profil sur Facebook où vous voyez la photo et il est dit de changer l'image en haut à droite en haut de l'image.Comment ajuster une table à la taille de son image d'arrière-plan?

J'ai créé une table et j'ai mis le texte en haut à droite mais le problème est que toutes les images n'ont pas la même hauteur et que la table en coupe avant qu'elles ne se terminent. Je ne sais pas comment faire de la table pour ne pas couper mon image en deux et à la place être aussi longtemps que cela est requis par l'image.

EG: Ce code ne me fait une ligne de mon image:

<table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="300px" valign="top" style="background-image: url(http://www.chusmix.com/Imagenes/grupos/lujan.jpg);">Your text here</td> 
</tr> 
</table>

Source

2010-12-11 lisovaccaro

Pouvez-vous poster du code? Par défaut, les tables (et les autres éléments de niveau bloc) seront développées pour s'adapter à leur contenu. Donc, vous avez probablement des styles qui le surchargent. En outre, utilisez-vous une balise ** img ** ou une image d'arrière-plan? – harpo

Oui, j'ai essayé de créer de cette façon:

votre texte ici

– lisovaccaro

Créer une Div Mettre le img sur et créer un autre div intérieur qui et placez-le top:0; right:0 et mettre tout ce que vous voulez l'avoir en haut à droite de l'image! et le pouls va se redimensionner automatiquement. Vérifiez this example j'ai fait.

Source

2010-12-11 03:58:32

J'ai essayé votre code, mais je ne suis pas le texte ci-dessus l'image , Je viens d'obtenir le texte, puis l'image ci-dessous. Merci. – lisovaccaro

J'ai mis à jour l'exemple maintenant il devrait être bien http://jsfiddle.net/g6gJG/7/ - J'avais utilisé '//' pour commenter en CSS: D –

Comment ajuster une table à la taille de son image d'arrière-plan?

Répondre

Questions connexes