JeuxOnLineForumsPlusConnectés : 346 (sites) | 639 (forums)Créer un compte
Forums divers
La Taverne
Les forums JOL > Forums divers > La Taverne > [HTML] Frame, Background et Resize RSS
   
Répondre
Partager Outils Rechercher
Avatar de Ghislain
Ghislain
Alpha & Oméga
 
Avatar de Ghislain
 

[HTML] Frame, Background et Resize

Je suis en train de mettre a jour mon site, rien de bien intéressant: un listing. J'ai réussi a faire les tables mySQL et les requêtes facilement avec EasyPHP.
Mais pour la forme je rame. Il s'agit certainement d'un truc tout con et facile mais c'est le plus chiant quand on ne connait pas.
Description:
la page est découpée en 2 frames
> celle de droite contient les informations ( textes, tableaux, images, ... ).
> celle de gauche le sommaire.
J'ai mis une image en background sur la droite avec `bgproperties="fixed"`. Et j'aimerai savoir comment faire pour qu'elle se redimensionne automatiquement. C'est a dire qu'elle ne fasse pas mosaïque sur un écran ayant une résolution 1280*1024.
Cela ressemble a du pinaillage mais cela devient plus gênant sur la frame gauche. Je pensais mettre en background une image contenant le sommaire en texte et faire des zones clicables. Mais quand ça fait mosaïque ça devient alors la merde. J'ai pensé à utiliser la balise iframe, mais c'est bourrin et lourd.

Si vous savez comment résoudre cet obstacle, comment le contourner, ou si vous pensez que je m'y prends comme un pied, dites le.

Donc je demande votre aide, car je suis pas très doué et en plus je ne dois pas avoir la bonne logique de programmation.
Merci d'avance.
Lien direct vers le message - Vieux
Avatar de Tann
Tann
Alpha & Oméga
 
Avatar de Tann
 
Un conseil : penche toi sur les CSS.
Il n'y a rien de mieux pour faire la mise en forme d'un site.


glish.com
Ce site t'aidera sûrement (en anglais par contre).

Enjoy.
Lien direct vers le message - Vieux
Avatar de Elric l'aigri
Elric l'aigri
Bagnard
 
Avatar de Elric l'aigri
 
Moi, je virai les frames.
Un tableau, ou mieux, la balise <div> feront un meilleur travail.

Pour ton image de fond, tu dois pouvoir gérer ça avec des CSS.


http://www.openweb.eu.org/
Lien direct vers le message - Vieux
Avatar de Nijel
Nijel
Alpha & Oméga
 
Avatar de Nijel
 
Re: [HTML] Frame, Background et Resize
Citation:
Provient du message de Doc le Hun
J'ai mis une image en background sur la droite avec `bgproperties="fixed"`. Et j'aimerai savoir comment faire pour qu'elle se redimensionne automatiquement. C'est a dire qu'elle ne fasse pas mosaïque sur un écran ayant une résolution 1280*1024.
<style type="text/css" >
body {
background-repeat: no-repeat ;
background-attachment: fixed ;
background-image : url("liendelimage") ;
}
</style>
Cela permettra déjà à l'image de ne pas se répéter.

Sinon pour la "redimensionner" automatiquement ce n'est pas si simple que ça en css ( doit peut-être y avoir une propriété inconnue pour ça...), il faudrait ou limiter la zone d'affichage en taille, ou séparer l'image et le contenu je crois ( ou utiliser du javascript mais bon )

à mettre dans le head ( et tu peux enlever le fixed et le lien du background de la balise body )

PS : ne te fie pas à tout ces témoignages sur la virtuosité du css, le css est simple dans sa syntaxe mais il faut encore s'y essayer pour pouvoir résoudre les problèmes qu'il pose notamment sur IE/Mozilla.
Lien direct vers le message - Vieux
Avatar de Tann
Tann
Alpha & Oméga
 
Avatar de Tann
 
Re: Re: [HTML] Frame, Background et Resize
Citation:
Provient du message de Nijel
[i]Sinon pour la "redimensionner" automatiquement ce n'est pas si simple que ça en css ( doit peut-être y avoir une propriété inconnue pour ça...), il faudrait ou limiter la zone d'affichage en taille, ou séparer l'image et le contenu je crois ( ou utiliser du javascript mais bon )/i]
Si l'image de fond est fixée, cela résout son problème, donc plus besoin de redimensionner automatiquement l'image.
Lien direct vers le message - Vieux
Avatar de Ghislain
Ghislain
Alpha & Oméga
 
Avatar de Ghislain
 
Je vais passé pour un con mais j'ai tenté pendant près de 2h de mettre un "background-image" dans chaque classe. Pas étonnant que ça ne marche pas vu que ce n'est pas possible. Je n'avais pas compris qu'il fallait le devenir dans le "body".
Je viens de comprendre ou vous vouliez me mener, merci.

PS: les CSS ne m'aiment pas et ce depuis notre rencontre l'an dernier.
Lien direct vers le message - Vieux
Avatar de Lango
Lango
 
Avatar de Lango
 
Re: Re: [HTML] Frame, Background et Resize
Citation:
Provient du message de Nijel
Sinon pour la "redimensionner" automatiquement ce n'est pas si simple que ça en css ( doit peut-être y avoir une propriété inconnue pour ça...)
en fait redimensionner un image de fond n'est pas possible avec CSS 2. Il faut attendre CSS 3, qui n'est même pas encore fini et ne sera donc pas implémenté dans les browsers avant longtemps.
Lien direct vers le message - Vieux
Avatar de Eldarendil
Eldarendil
Alpha & Oméga
 
Avatar de Eldarendil
 
Laisse tomber tout de suite l'idée background avec les liens et zones clickables. C'est lourd et monstrueusement anti-accessible. (Tu penses par exemple à ceux qui utilisent leur propre background ?)
Lien direct vers le message - Vieux
Avatar de Mardram Rakar
Mardram Rakar
Alpha & Oméga
 
Avatar de Mardram Rakar
 
On parle de superpowerusers qui utilisent leurs propres backgrounds...


Je sais même pas comment on fait et je doute que la majorité des users le sachent aussi.
Lien direct vers le message - Vieux
Avatar de Eldarendil
Eldarendil
Alpha & Oméga
 
Avatar de Eldarendil
 
Ce n'est pas une question du nombre d'utilisateurs qui peut faire ça, où de la difficulté à activer cette option (3 clics sous mozilla). C'est juste une preuve de la non-accessibilité.
La séparation du fond et de la forme, ça te dit quelque chose ?
J'aurai pu dire par exemple : "tu penses à ceux qui utilisent Lynx ?".
Si tu me réponds "Plus personne n'utilise Lynx", c'est que tu n'as rien compris...
Lien direct vers le message - Vieux
Avatar de Mardram Rakar
Mardram Rakar
Alpha & Oméga
 
Avatar de Mardram Rakar
 
Je crois sincèrement que tu deviens fou avec la rigidité du code.


M'enfin.

Lien direct vers le message - Vieux
Avatar de Mickk
Mickk
Alpha & Oméga
 
Avatar de Mickk
 
Je propose que désormais, dans un souci de comptabilité universelle, que tous les sites soient constitués uniquement de texte, avec pas plus de 6 ou 7 balises différentes, juste nécessaires pour changer la police, la couleur etc ...
Lien direct vers le message - Vieux
Avatar de Ranfaroth
Ranfaroth
Roi
 
Avatar de Ranfaroth
 
Mardram, tu as le droit de ne pas comprendre un concept.
Mais au lieu de te braquer comme ça, tu ferrai mieux de faire profil bas et de t'interroger sur les conclusions qui ont amené son émergence, sur les études faites par les acteurs et même "auteurs" du monde du web qui s'y connaissent sûrement mieux que toi dans le domaine de l'échange d'information (car c'est le but premier et principal d'internet...certain ici semble l'avoir déjà oublié)
Lien direct vers le message - Vieux
Avatar de Mardram Rakar
Mardram Rakar
Alpha & Oméga
 
Avatar de Mardram Rakar
 
Je n'ai pas dit qu'on devait surfer sur un monde virtuel totalement chaotique. J'ai seulement dit qu'on ne devait pas pousser le bouchon trop loin.
Lien direct vers le message - Vieux
Nirthael
Alpha & Oméga
 
Je ne suis pas d'accord, on peut créer une image de fond avec liens et zones cliquables en CSS-2 mais c'est monstrueusement barbare !

Code:
<a href="#" id="lien1">Un lien</a>
<a href="# id="lien2">Deuxième lien</a>
<a href="#" id="lien3"><img src="url_image" alt="texte" /></a>

<img src="url_image"  alt="" id="background" />
Et avec ça, une petite couche de CSS :

Code:
#background{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}

a {
position: absolute;
z-index: 1;
}

#lien1 {
top: 20%;
left: 15%;
}

#lien2 {
bottom: 5%;
right: 15%;
}

#lien3 {
top: 50%;
left: 40%;
}
Et on peut même s'amuser avec position:fixed !
Par contre pour la taille des images, il faut faire gaffe, parce qu'avec les redimensionnement et tout, ça peut devenir très laid.
Mais bon, on est plus à 1 ou 2 bricolages près.

Voila, c'étaient les images mappées nouvelle génération.

J'ai peut-être pas assez dormi encore...
Lien direct vers le message - Vieux
Répondre
Les forums JOL > Forums divers > La Taverne > [HTML] Frame, Background et Resize
   

Connectés sur ce fil

 
1 connecté (0 membre et 1 invité) Afficher la liste détaillée des connectés

Outils Rechercher
Rechercher:

Recherche avancée

Thème visuel : Fuseau horaire GMT +1. Il est actuellement 03h01.
   

© JeuxOnLine, le site des MMO, MMORPG et MOBA. Tous droits réservés. - Conditions générales d'utilisation - Conditions d'utilisation des forums - Traitement des données personnelles - ! Signaler un contenu illicite