Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1443 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTLM] Image de fond + texte par dessus

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTLM] Image de fond + texte par dessus

n°2094017
yanhoupa
Posté le 08-08-2011 à 22:25:56  profilanswer
 

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 :d)

 

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 :
  1. <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
mood
Publicité
Posté le 08-08-2011 à 22:25:56  profilanswer
 

n°2094119
yanhoupa
Posté le 09-08-2011 à 12:37:44  profilanswer
 

up


---------------
Ventes Matos PC / Apple
n°2094126
aideinfo
Posté le 09-08-2011 à 13:04:54  profilanswer
 

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 :
  1. background-image: url('dossier/image.jpg');


---------------
http://www.aideinfo.com/  Whois adresses IP/domaines le plus évolué !!  FAQ Free Mobile
n°2094154
yanhoupa
Posté le 09-08-2011 à 14:12:24  profilanswer
 

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

 

Ca marche ca ?:

Code :
  1. 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
n°2094206
aideinfo
Posté le 09-08-2011 à 15:32:54  profilanswer
 

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

Code :
  1. 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
n°2094211
yanhoupa
Posté le 09-08-2011 à 16:11:17  profilanswer
 

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


---------------
Ventes Matos PC / Apple
n°2094221
yanhoupa
Posté le 09-08-2011 à 16:30:20  profilanswer
 

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
n°2094237
aideinfo
Posté le 09-08-2011 à 17:19:54  profilanswer
 

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

Code :
  1. <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 :
  1. <table>
  2. <tr>
  3.  <td style="background-image:url('http://img846.imageshack.us/img846/5144/bgredsmal.jpg');">Le texte que je veux</td>
  4. </tr>
  5. </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
n°2094239
egege
Posté le 09-08-2011 à 17:21:56  profilanswer
 

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

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


Aller à :
Ajouter une réponse
  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 ascenseursObtenir TOUT le texte entre 2 balises via xml.etree.ElementTree
pb récupération du contenu d'un champs texteLien sur un background-image
[Résolu] Afficher image d'une BDD avec PHP PDOGénérer aléatoirement du texte sur une image
Plus de sujets relatifs à : [HTLM] Image de fond + texte par dessus


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR