background image réactive

background image réactive - HTML/CSS - Programmation

Marsh Posté le 06-11-2004 à 15:28:12    

Bonjour à tous.
 
Voila j'ai une petite question, j'ai voulu créer une image qui me servirai de fond pour mon site.
 
Je me demandais si il était possible de rendre une image de fond réactive.
 
L'alternative aurait été d'intégrer une simple image réactive, mais qu'elle prenne la totalité de la page, seulement voila de chaque coté, il ya des espaces, une solution ?  
 
Merci d'avance  ;)

Reply

Marsh Posté le 06-11-2004 à 15:28:12   

Reply

Marsh Posté le 06-11-2004 à 15:43:57    

c'est pas très clair là, qu'appelles tu une image réactive?
et une image de font réactive?
Une image cliquable ou une image qui change quand on passe la souris par dessus?


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 06-11-2004 à 16:13:02    

Oui c'est vrai que c'est pas très clair quand je me relis  ;)  
 
En faite je pensais faire une image cliquable, avec un les balises <MAP> et <AREA>
 
Et je voulais savoir si c'était donc possible de le faire avec un background-image, ou si il existait un équivalent.

Reply

Marsh Posté le 06-11-2004 à 16:14:43    

ce n'est pas possible avec une image en background.

Reply

Marsh Posté le 06-11-2004 à 16:28:36    

Ok merci !
 
Sinon il existerait une alternative qui produirait le même résultat ?
C'est à dire insérer une image, et qui prendrai la totalité de ma page ?(même si elle doit être légèrement rognée, je pourrais y remédier, mais tout au moins pour qu'il n'y ait pas de blanc)
 
Merci en tout cas  ;)

Reply

Marsh Posté le 06-11-2004 à 17:35:50    

En fait c'est pas très compliqué à faire : au-lieu de mettre ton image en arrière-plan du body tu la mets en arrière-plan d'un lien <a> qui va occuper toute la place du body.
 
en gros :
a {
position: absolute;
z-index: -100;
width: 100%;
height: 100%;
background: url(image.gif);
}


Message édité par sibelius le 06-11-2004 à 17:38:34

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 06-11-2004 à 17:39:38    

ouaip, avec les CSS il doit être possible de coller une DIV pour ton image (et faire une image map) avec une autre DIV et le contenu de ta page par-dessus... mais bon ça reste bizarre comme idée.


Message édité par lumitra le 06-11-2004 à 19:58:46

---------------
lumitra | forum lumitra
Reply

Marsh Posté le 06-11-2004 à 17:44:14    

Un exemple en live : http://www.alsacreations.com/blog/ [...] -plan3.htm


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 06-11-2004 à 17:50:55    

:jap:


Message édité par lumitra le 06-11-2004 à 19:58:57

---------------
lumitra | forum lumitra
Reply

Marsh Posté le 06-11-2004 à 17:58:00    

Ahh, merci beacoup de votre aide, ça marche très bien, merci !  :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed