Se connecter avec
S'enregistrer | Connectez-vous

2 images en html

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

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>

Kymic@IDN a dit :
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 dit :


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

OmaR a dit :
  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.
  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...
Expert Programmation 

  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
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde