[HTLM] Image de fond + texte par dessus

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTLM] Image de fond + texte par dessus

yanhoupa

Bonjour, :hello:

J'ai besoin d'aide sur un truck plutôt simple en html, mais je suis plutôt nul (d'où ma venu ici )

Objectif:
J'ai une image de fond, et j'aimerai avoir un cadre (ou un tableau de 1 case x 1 case) avec du texte dedans (et devant l'image de fond bien sur).

Avancés: Pas terrible ^^
J'ai rien réussi de convainquant par moi même.
Par contre j'ai réussi a trouver un générateur de html mais il me sort un code de 50 lignes impossible à modifier par la suite. (le site en question http://www.mesoutils.com/generateur.php )

Details de mes attentes:
En gros l'image fait 170pix de long x 215pix de large.
J'aimerai en gros avoir un cadre (sans bordure visible) par dessus (où je pourrais y mettre entre 4 a 8 lignes de texte), parfaitement aligné sur l'image de fond.

J’insérerai ceci dans un "gadget" pour un blog. Mais ça nous intéresse pas trop ici.

Le debut de mon code: En gros pas grand chose.

Code :

<img src="http://img846.imageshack.us/img846/5144/bgredsmal.jpg" />

Merci d'avance :jap:

Message édité par yanhoupa le 08-08-2011 à 22:32:01

---------------
Ventes Matos PC / Apple

Publicité

yanhoupa

---------------
Ventes Matos PC / Apple

aideinfo

Bah soit tu mets ton background sur la page et tu fais ton cadre, soit tu fais u cadre avec le texte voulu et tu y appliques le background.

A mettre dans ton fichier CSS, soit dans la balide Body, soit dans le style de ton cadre :

Code :

background-image: url('dossier/image.jpg');

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

yanhoupa

ah merci!
mais moi mon lien d'image ne sera pas sur mon site, comment mettre le lien ?

Ca marche ca ?:

Code :

background-image:http://img846.imageshack.us/img846/5144/('bgredsmal.jpg');

(sachant que pour le moment le lien de mon image c'est ca: http://img846.imageshack.us/img846/5144/bgredsmal.jpg )

Message édité par yanhoupa le 09-08-2011 à 14:12:59

---------------
Ventes Matos PC / Apple

aideinfo

Non, faut pas remplacer l'attribut, mais le chemin vers le fichier. C'est plus ça qui va bien :

Code :

background-image:url('http://img846.imageshack.us/img846/5144/bgredsmal.jpg');

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

yanhoupa

Merci mais ça ne marche pas. Y'a pas des "truck" à rajouter ?

---------------
Ventes Matos PC / Apple

yanhoupa

EDIT: J'ai trouver un truck qui marche mais pas pour moi
<BODY BACKGROUND="URL">

Le soucis est que je suppose que le "background" ne marche que pour des "vraies" pages, or moi c'est un gadget pour un blog. Ou alors il faut y jouter des "infos", je sais pas.

Donc je pense qu'il faut revenir a mon "idée" de base, a savoir une image, et par dessus un tableau avec du texte dedans.

---------------
Ventes Matos PC / Apple

aideinfo

Un background est soit sur toute la page, soit dans un élément sur lequel tu appliques la bonne syntaxe CSS.

Code :

<div style="background-image:url('http://img846.imageshack.us/img846/5144/bgredsmal.jpg');">Le petit texte que je veux mettre</div>

Et ça marche aussi avec les tableaux :

Code :

<table>
<tr>
<td style="background-image:url('http://img846.imageshack.us/img846/5144/bgredsmal.jpg');">Le texte que je veux</td>
</tr>
</table>

http://petitionenligne.free.fr/tes [...] round.html

Après, il faut pousser les syntaxes CSS pour faire ce que tu veux.

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

egege

Il te suffit de créer une div [:spamafote]

Code :

<div style="width: 215px; height:270px; background: url('http://img846.imageshack.us/img846/5144/bgredsmal.jpg');">
<p>
La tu mets ton texte
</p>
</div>

FORUM HardWare.fr

Programmation

HTML/CSS

[HTLM] Image de fond + texte par dessus

Sujets relatifs
Comment "coller" parfaitement une image au background ?	Affichage dynamique d'image
MACRO VBA pour numérotation d'image Word	[ACCESS\VBA] Appliquer couleur sur une partie du texte ?
Focus sur une image ou gérer les ascenseurs	Obtenir TOUT le texte entre 2 balises via xml.etree.ElementTree
pb récupération du contenu d'un champs texte	Lien sur un background-image
[Résolu] Afficher image d'une BDD avec PHP PDO	Générer aléatoirement du texte sur une image
Plus de sujets relatifs à : [HTLM] Image de fond + texte par dessus

Page générée en 0.071 secondes