Rechercher : dans
Par :

Comment répéter une image verticalement ss FF

Dernière réponse le 22 mai 2007 à 10:49:43 FrancisduNord, le 22 mai 2007 à 09:43:05 
 Signaler ce message aux modérateurs

Bonjour, voici mon problème,
Je suis en stage et je dois faire la refonte du site internet en css de l'entreprise.
Je dois répéter une image verticalement sur la gauche, je la répéte grâce à repeat-y. Il faut savoir que j'ai des pages de dimentions différentes.

Sous IE, l'image se répéte parfaitement sous toutes les pages du site
mais sous FF, je suis obligé de définir une taille préfixé( je l'ai mis dans une feuille de style ) pour qu'elle se répéte . Etant donné que j'ai des pages de tailles différentes, comment je peux faire pour que sous FireFox pour avoir l'image qui se répéte verticalement sans avoir une feuille de style pour chaque page? (Car l'image doir être collé de haut en bas et ne pas laissé un espace vide)

Configuration: Windows XP
Firefox 1.5.0.11

Meilleures réponses pour « Comment répéter une image verticalement ss FF » dans :
[PDF] Convertir des PDF en images (JPEG, BMP, GIF, etc...) VoirSi vous avez des documents PDF et que vous voulez les convertir en images (JPEG, GIF, BMP, ou n'importe quel format), de manière à les exploiter, par exemple dans un logiciel d'OCR ou de retouche/création d'images : Note : Cet article présente une...
Création d'image Système (Ghost) VoirCréer une image (ghost) de partition 1 - Intérêt 2 - Pré-requis 2.1 - Explication 2.2 - Opportunités des partitions 2.3 - Mise à jour des images 2.3.1 - Image incrémentale : intéressant mais dangereux ! 2.3.2 - Image incrémentale et...
[Gravure] Graver une image disque (ISO, NRG, ...) Voir1 - Définition de l'image ISO 2 - Recommandation 3 - Comment procéder ? 3.1 - Nero 3.2 - K3B 3.3 - BurnAtOnce 3.4 - BurnCDCC 3.5 - CDBurner XP Pro 3.6 - Deepburner 3.7 - Easy Media Creator 3.8 - Infrarecorder 4 -...
Télécharger Image Resizer VoirPetit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de l'envoyer par e-mail ou de la partager sur Internet (blog, site, album...). Pour plus d'informations: image resizer reduire la...
Télécharger Free Word/Doc Txt to Image Jpg/Jpeg Bmp Tiff Png VoirD'habitude, ce sont les images que l'on insère dans les documents Word, Excel ou PowerPoint. Cette fois ci, c'est un peu l'inverse, parce qu'on va convertir ces documents au format image. All to Image Jpg/Jpeg Bmp Tiff Png Converter est un outil...
Fichier ISO (Image ISO) VoirFormat ISO Un fichier possédant l'extension .ISO est une image ISO, c'est-à-dire une image d'un disque (CD, DVD ou disque dur) sous forme de fichier, créer avec un logiciel de gravure. Comment lire un fichier ISO ? En l'absence de graveur, il...
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...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...

1

Linux67, le 22 mai 2007 à 09:54:23

Tu peux essayer de récupérer la taille de la fenêtre pour utiliser sa dimension.

hauteur : window.height
largeur : window.width

Et sous Firefox il ne faut pas oublier d'indiquer qu'une dimension nécessite son unité, il faut rajouter "px" derrière les valeurs.

Répondre à Linux67

2

FrancisduNord, le 22 mai 2007 à 10:23:45

Merci pour ta réponse,
je n'ai pas oublier de marquer les px. ^^
Par contre, j'ai essayé avec window.height et ça ne marche pas, je dois mal le placer.

Voici un bout de ma feuille de style.

body 	
{
	background-color : #FFF;
	font:normal 0.8em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	color : #000;
	height:100%;
}

#bandeau
{
	width: 80px;
	height: 463px ;
	background:#FFF url('images/bk1.png') repeat-y!important;
	position: absolute;
	float: left;
}

Répondre à FrancisduNord

3

Linux67, le 22 mai 2007 à 10:31:06

Ah oui, je vois où se situe le problème.

La fonction window.height c'est du javascript, pas du CSS (décidemment c'est vraiment pas ma journée, je vais à nouveau me coucher ^^)

Je ne sais même pas si il y a son équivalent en CSS d'ailleurs :-S

Si tu t'y connais en javascript tu faire en sorte que l'image soit répétée jusqu'à ce tu atteignes le bord de la page.
Il y a d'autres méthodes, mais je ne sais pas du tout les utiliser...

Répondre à Linux67

4

 FrancisduNord, le 22 mai 2007 à 10:49:43

Je n'ai pas trouvé la convertion de window.height en css mais j'ai trouvé une astuce que je ne trouve pa super jolie mais bon, j'espére que mon patron va aimer. Je change juste position:absolute en fixed avec un height:100%.

Je vais encore changer, si je trouve je vous le direz.

Encore merci pour votre aide.

Répondre à FrancisduNord
Collection CommentÇaMarche.net