Rechercher : dans
Par :

[HTML] Image de fond prennant toute la place.

Dernière réponse le 30 jui 2009 à 22:51:06 Mr.White, le 16 jun 2003 à 15:16:47 
 Signaler ce message aux modérateurs

Salut à tous !!!
Je cherche tellement que j'en oublie ce que je voulais vous demander... Aah ! Ca y est, ca me reviend ! ...

Et d'ailleur je suis étonné de ne pas avoir trouvé !!!

Comment faire pour qu'une image en fond de celulle de table (ou de page html) ne soit pas en mosaïque ???

Je suis certain que la réponse est toute bête mais je ne la trouve pas.

Merci d'avance pour votre aide.

Meilleures réponses pour « [HTML] Image de fond prennant toute la place. » dans :
Changer de fond d'écran VoirPour Windows XP et versions antérieures Pour Windows Vista Obtenir des fonds d'écran Solution plus rapide Comment changer l'arrière-plan du Bureau ? Un fond d'écran est une image utilisée en arrière-plan de votre bureau. Lors d'une...
[Word] Image de fond VoirIl est possible sous Microsoft Word d'afficher une image en arrière-plan dans un document en cliquant sur le menu Format, puis sur Arrière-Plan et enfin sur Motifs et textures. Dans l'onglet Image, cliquer sur le bouton "Sélectionner une image"....
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...

1

lasngc, le 16 jun 2003 à 15:21:59

Tu as raison c'est tout bête mais seul Explorer et Opera le comprenne. Sur Nescape ca ne devrait pas marcher.

Tu fais une feuille de style où tu mets :

background-image:machin.jpg;
background-repeat:no-repeat;

mets le dans une feuille de style associée à un élément précis évidemment. Je n'ai jamais testé la chose dans un tableau mais essaye c'est possible que ce soit la solution.

Répondre à lasngc

2

lagassat, le 16 jun 2003 à 15:26:42
  • +1

Dans le même esprit, tu as ca :

<body ....... style="background-repeat : no-repeat;">

je sais que ca s'applique pour l'image de fond d'une page, peut-être que ca marche pour une cellule de tableau.

"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"

Répondre à lagassat

3

lagassat, le 16 jun 2003 à 15:27:58

C ca de faire plein de choses en même temps, la reponse a deja ete donnée... :-)

"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"

Répondre à lagassat

4

lasngc, le 16 jun 2003 à 15:28:06
  • +1

Belle sitation.

Ba voilà deux méthodes, ca devrait t'aller.

Répondre à lasngc

5

lagassat, le 16 jun 2003 à 15:31:34

Comme tu l'as dit, il a tout...

La citation est de A. Einstein.

ciao
"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"

Répondre à lagassat

6

Mr.White, le 16 jun 2003 à 15:43:00

Merci beaucoup pour votre aide. Mais j'ai une autre petite question à vous poser.

Habituellement j'utilise, pour les feuille de styles un fichier à part mais je crains que pour cette fois je ne pourrai pas ( j'attend que vous me le confirmiez) car je programme en php et l'image que je veut affiché en fond est dynamique. Je ne peut donc pas, je pense, récupérer son nom dans ma feuille de style, je devrai donc définir le style de ma cellule directement dans le code html (généré par du php).

Ai-je bien saisi la chose ?

Répondre à Mr.White

7

lasngc, le 16 jun 2003 à 15:51:40

En effet la question est intéressante. MOui en effet si l'image change à chaque fois grâce à GD, la solution la plus simple serait de faire une feuille interne.

Sinon il y a la solution d'appeler un script php en nom d'image peut être dans ta feuille de style. Mais il faudra procéder différemment.

Un conseil mets ca en interne si tu te sens pas trop chaud.

Répondre à lasngc

8

lagassat, le 16 jun 2003 à 15:55:00

Là je peux pas t'aider. Je n'ai pas plus d'idee que toi.
dsl ;-)
"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"

Répondre à lagassat

9

Mr.White, le 16 jun 2003 à 16:07:27

Je l'ai mis en interne mais ca ne change rien. (mais je ne suis pas sûre de la syntaxe). J'ai mis ceci :

<td align="center" background=" '.$lien.' " style="background-repeat:no-repeat\;">

j'ai testé aussi ceci :

<td align="center" background=" '.$lien.' " style="background-image:'.$lien.'\; background-repeat:no-repeat\;">


Ni l'un ni l'autre ne fonctionne.

Répondre à Mr.White

10

lagassat, le 16 jun 2003 à 16:13:06

Pourquoi le \ à la fin du no-repeat ?
mais je pense pas que ca change quoi que ce soit.

"2 choses sont infinies : l'univers et la betise humaine
bien que en ce qui concerne la 1ere je n'ai pas encore de certitude absolue"

Répondre à lagassat

11

lasngc, le 16 jun 2003 à 16:16:04

Apparemment si ca ne marche pas sur explorer c'est que ca ne doit pas fonctionner sur les tableaux. Essaye de tromper en agrandissement ta taille de l'image et en mettant du blanc pour complèter.

Si tu utilises la GD il suffit d'agrandir l'espace de travail à la base de sa création.

Répondre à lasngc

12

PhP, le 16 jun 2003 à 22:51:33

Bsr Mr. White

Voici un ex qui fonctionne sous IE , NS 4.7 et NS 6

<html> 

<head>

<style>
.fond
{
background-image:url("mon_image.jpg");
background-repeat:no-repeat;
}
</style>

</head>
<body>

<table border=1>
<tr >
<td height=50 width=100 style="background-image:url('mon_image.jpg');background-repeat:no-repeat;">CELLULE</td>
</tr>
</table>


<table border=1>
<tr >
<td height=50 width=100 class="fond">CELLULE</td>
</tr>
</table>

</body>
</html>



Tu peux soit mettre le code au niveau de la balise <TD>,

soit utiliser un style et y faire référence via class=nom_style (méthode que je préfère car tout est centralisé)

En PHP tu peux faire :
...

<style>
.fond
{
background-image:url("<?php echo $image;?>");
background-repeat:no-repeat;
}
</style>
...




PhP    [Push the button,Don't push the
.         button,Trip the station,Change the channel]

Répondre à PhP

13

Mr.White, le 17 jun 2003 à 10:38:44
  • +1

Alors que tout le monde désespéré, PhP survint et nous apporta la solution.

Merci PhP ca fonctionne. J'ai utiliser la deuxième méthode, c'est à dire celle-ci :

<td align="center" style="background-image:url(\''.$lien.'\');background-repeat:no-repeat;">

J'ai utiliser cette méthode car je fais appel à des include au beau millieu de mes page html et donc lorsque le code s'éffectu, l'entête de page est déjà faite.

Mais le résultat n'est pas exactement celui que je souhaité. En faite j'éspèré encore mieux. Car ce coup ci il n'y a qu'une image, mais je ne la vois pas en entier.
J'aimerai donc savoir ci on peut faire en sorte que soit la cellule s'agrandi en fonction de la taille de l'image (donc que la cellule à la même taille que l'image), soit que l'image raptissi mais en faite c'est nulle donc ne prennez en compte que ma première proposition : la taille de la cellule ce module à la taille de l'image.

Répondre à Mr.White

14

Mr.White, le 17 jun 2003 à 10:56:07

Deuxième petit problème. Finalement je me suis dis que je pouvais avoir une image fixe et ce qui sera dynamique c'est ce que j'écrirai sur l'image. J'ai donc dans l'idée d'écirer dans ma feuille de style où j'écris :

TD.process { background-image:image/process/avantVente.gif; background-repeat:no-repeat; }

Mais ca ne fonctionne pas.
Bien entendu dans mon code il y a ce-ci:

<td class="process">

Répondre à Mr.White

15

siin, le 7 aoû 2007 à 18:08:43

TD.process { background-image:image/process/avantVente.gif; background-repeat:no-repeat; }

met ca à la place:

TD.process { background-image:url(image/process/avantVente.gif); background-repeat:no-repeat; }

Répondre à siin

18

Ardec, le 4 aoû 2008 à 22:54:34

TD.process { background-image:url(image/process/avantVente.gif); background-repeat:no-repeat; }

il faut mettre

TD.process { background-image:url("image/process/avantVente.gif"); background-repeat:no-repeat; }

normalement ici le code est bon :)

Répondre à Ardec

16

krisna, le 4 déc 2007 à 13:46:05

<img src="lotuce.jpg" alt="une fleur lotuce">
malgré tout ca l'image ne s'affiche pas dans le navigateur,j'etilise firefox et internet, aide moi s'il vous plais
comment affiché une image sur le navigateur?
merci

Répondre à krisna

17

cigale83, le 22 jan 2008 à 14:29:44

BONJOUR
a tu eu une réponse

pour ton probleme
A<img src="lotuce.jpg" alt=" une fleur lotuce"> ICI IL MANQUE LE http

car moi je fais comme çà......


regarde bien.... < img src="http://......................"/>

ATTENTION entre le g et le s il y a un espace et juste après // ton adresse de ton image ou GIF


CIGALE83

Répondre à cigale83

19

 facgo, le 30 jui 2009 à 22:51:06

Si tu cherche tellement ,
tu a juste a te conecter avec moi comme contacte,
un peux s'aider si tu veux.

Répondre à facgo