Tom's Guide > Forum > Programmation > 2 images en html

2 images en html

Forum Programmation : 2 images en html

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
ichigo_sensei   20-08-2006 à 19:06:12

Bonjour, je voudrais faire un index pour mon site. Je veut une image en haut à gauche qui prend 2/3 de la longueur de la page et une autre plus petite centré en plein milieu avec un lien.

J'aimerais savoir comment faire en html car je mes 2 images sons l'une en dessous de l'autre. Ou alors si il faut utiliser le php ou autre comment faire. Merci.

Message cité 1 fois
------------------------------ -=[ Les larmes d'un ange sont plus dévastatrices que la colère d'un démon ]=-
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
sparrowix   20-08-2006 à 19:21:37
- 0 +

css :
body {

background-image:url(tonimage.png);

}

html :

<a href="tonlien.htm"><img src="tonimage.png"></a>

Message cité 1 fois
Répondre à sparrowix
mimisk8   20-08-2006 à 22:31:04
- 0 +

si COME SA tu n'est poiint satisfait tu ne le sora jamais !!

Répondre à mimisk8
Kymic@IDN   20-08-2006 à 22:36:05
- 0 +

sparrowix a écrit :

css :
body {

background-image:url(tonimage.png);

}

html :

<a href="tonlien.htm"><img src="tonimage.png"></a>




C'est pas trop ça qu'il a demandé !


Mais regarde du coté du CSS tu devrais trouver ton bonheur !!!

Message cité 1 fois
Répondre à Kymic@IDN
ichigo_sensei   21-08-2006 à 10:33:15
- 0 +

Ce n'est pas trop ce qui m'interesse car si je suis la méthode de sparrowix mes images sont les unes en dessous des autres...
pour Kymic je n'y connais pas grand chose en css mais je vais essayer de trouver des tuto.

Voila ce que je veut:
http://img139.imageshack.us/img139/7108/testfm6.jpg

------------------------------ -=[ Les larmes d'un ange sont plus dévastatrices que la colère d'un démon ]=-
 Répondre à ichigo_sensei
OmaR   21-08-2006 à 12:27:07
- 0 +

regarde du côté de float:right en CSS

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
kolibry_   21-08-2006 à 16:25:28
- 0 +

sinon tout en html pour ta premiere image sous photoshop tu cree une image 800*600 ou 1024*798, a gauche tu metera ton image et le reste tu le met transparent, tu save en .gif

apres tu met cette image en background dans body:
<body bgcolor="ffffff" background="url_de_ton_image.gif">
ya peu etre un truc a rajouter pour eviter l'effet mosaic mais je ne suis pas sur.

apres pour la seconde image au milieu de l'ecran tu fait plein de <br> pour la descendre et tu la met dans un center:
<br>
<br>
<br>
<center>
<a href="url_de_ton_lien.html">
<img src="url_de_ta_seconde_image.jpg">
</a>
</center>

Répondre à kolibry_
ichigo_sensei   21-08-2006 à 17:05:08
- 0 +

800*600 et 1024*798 ce n'est pas pareil, il risque d'y avoir des écarts importants selon la config du visiteur non ?

ah oui, il me semble que pour descendre c'est plutôt </br>, c'est la même chose ?

------------------------------ -=[ Les larmes d'un ange sont plus dévastatrices que la colère d'un démon ]=-
 Répondre à ichigo_sensei
Vinz42   21-08-2006 à 17:12:15
- 0 +

non.
c'est <br/> pour être compliant xhtml

------------------------------ Don't panic!
mouths91 à dit : "[...]des rageux comme kelnem"
 Répondre à Vinz42
ichigo_sensei   21-08-2006 à 18:37:41
- 0 +

Ok :D
Comment faire pour ne pas répéter un fond en html ?

------------------------------ -=[ Les larmes d'un ange sont plus dévastatrices que la colère d'un démon ]=-
 Répondre à ichigo_sensei
OmaR   21-08-2006 à 19:47:58
- 0 +

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

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
kolibry_   21-08-2006 à 20:22:35
- 0 +

j'ai fait une rapide recherche et je n'ai rien trouver
il faudrais peu etre que tu fasse une petite feuille de style, l'a c'est possible avec background-repeat = no repeat
un truc dans le genre.

Répondre à kolibry_
sparrowix   21-08-2006 à 21:55:55
- 0 +

Kymic@IDN a écrit :

C'est pas trop ça qu'il a demandé !


Mais regarde du coté du CSS tu devrais trouver ton bonheur !!!



ben une en dessous de l'autre

ichigo_sensei a écrit :



J'aimerais savoir comment faire en html car je mes 2 images sons l'une en dessous de l'autre.


c'est un petit peut ça
et le screen ne représente pas ce que tu a dit o depart

Répondre à sparrowix
OmaR   22-08-2006 à 09:30:29
- 0 +

Code :
  1. <div style="float:left;width:100px;"><img src="..." /></div>
  2. <div style="float:right;width:100px;"><a href="..."><img src="..." style="border:0;" /></a></div>



no ?

Message cité 1 fois
Message édité par OmaR le 22-08-2006 à 09:30:50
------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
ichigo_sensei   22-08-2006 à 11:13:36
- 0 +

OmaR a écrit :

Code :
  1. <div style="float:left;width:100px;"><img src="..." /></div>
  2. <div style="float:right;width:100px;"><a href="..."><img src="..." style="border:0;" /></a></div>



no ?


ça se rapproche de ce que je veut faire mais je ne peut pas centrer l'image qui contient le lien.

Code :
  1. <div style="float:left;width:100px;"><img src="background.jpg" /></div>
  2. <p align="center"><div style="float:right;width:100px;"><a href="/blog"><img src="intro.png" style="border:0;" /></a></div></p>


Ce code fait la même chose que celui cité au dessus...


Message édité par ichigo_sensei le 22-08-2006 à 11:14:15
------------------------------ -=[ Les larmes d'un ange sont plus dévastatrices que la colère d'un démon ]=-
 Répondre à ichigo_sensei
OmaR   22-08-2006 à 13:17:50
- 0 +

Code :
  1. <div style="float:left;width:100px;"><img src="..." /></div><div style="float:right;width:100px;text-align:center;"><a href="..."><img src="..." style="border:0;" /></a></div>



et comme ça ?

sinon peut être en ajoutant text-align:center; dans ton style de l'image

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
andrelec1   22-08-2006 à 18:53:24
- 0 +

bonjour
alors le mieu et que tu telecharge un editeur html stylz webart ou microAplicatio votre si web
et fais tutruc et tu recuperre le bou de code qui t'interres

------------------------------ XD --> peut aussi se dessiner --> XP
Microsoft se fout-il pas ne notre tete avec son XP ???
 Répondre à andrelec1
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > 2 images en html
Aller à :

Il y a 1661 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,652 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens