Déjà inscrit au forum ? ( Mot de passe perdu / Mail de validation non reçu ) :
Image en haut du contenu et en bas.
Master Chief


Site/blog

356 messages

posté le 2010-02-23 à 22:39:27


J'aimerais savoir si c'est possible de mettre une image en haut contenu, une pour le reste (étirable) et une autre pour le bas.

Voici mes images :

Haut : [lien]

Centre : [lien]

Bas : [lien]

Merci d'avance.
Nicolas
PapyClic


Site/blog

6939 messages

posté le 2010-02-23 à 23:40:44

Master Chief

Je ne comprends pas bien pourquoi tu veux mettre les 3 images sont identiques sauf celle du centre moins haute.
Si tu mets l'une ou l'autre en background-image, tu rajoutes background-repeat: repeat-y et ton image est étirable vers le bas.

Bonne continuation

Master Chief


Site/blog

356 messages

posté le 2010-02-24 à 01:07:42


non non elles ont quelques différences!

celle du haut les bordures sur les cotés hauts sont plus blanches et celle du bas les bordures basses sont plus blanches... ça ne parait pas sur un fond blanc mais sur le blog ça va bien paraitre.
Nicolas
PapyClic


Site/blog

6939 messages

posté le 2010-02-24 à 10:55:20

Master Chief

Tes images sont transparentes, d'où une difficulté à cause du chevauchement, une solution que j'ai étudiée consiste à mettre des images positionnées :
- une en haut

<img style="position: absolute; left: 225px; top: 198px;" src="http://master-of-halo.blog4ever.com/blog/url_artimage-247640-2539570-943.html">

- une en bas


<img style="position: absolute; left: 225px; bottom: 138px;" src="http://master-of-halo.blog4ever.com/blog/url_artimage-247640-2539572-905.html">

Les valeurs de left sont à réglées en tenant compte de la marge extérieure gauche du Contenu et de sa marge intérieure gauche.
La valeur de top selon les hauteurs du Haut et Barre + les espaces
La valeur de bottom selon les hauteurs du Bas et Spacer + des espaces.

Bien sûr mettre l'image(centre) de fond dans Contenu avec repeat

Voilà pas facile à réaliser et pas toujours accepté par certains navigateurs, mais c'est une solution. En parcourant des forums, j'ai remarqué que beaucoup ont essayé de diverses manières et toujours très compliquées.

Je ferai certainement un tuto sur ce système, mais il faut que je le perfectionne.

Bonne pioche


Master Chief


Site/blog

356 messages

posté le 2010-02-24 à 22:15:45

Ça fonctionne! C'est vraiment super!Le résultat sur mon blog [lien]

mille fois merci!
Nicolas
PapyClic


Site/blog

6939 messages

posté le 2010-02-24 à 23:30:56

Master Chief

C'est bien, un bel effet, je suis content que tu es réussi.

En plus c'est bon sur FF3.5.8, IE8, Safari, Opéra et Chrome.

Bonne continuation
Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs