[HTML] Frame, Background et Resize

Répondre
Partager Rechercher
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.
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.
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.
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.
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.
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 ?)
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...
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 ...
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é)
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...
Citation :
posté par 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.
Où est-ce que ça va trop loin ?
Pour toi prouver qu'une image de fond ne doit pas contenir d'information ça va trop loin ?
Tu risques d'avoir des surprises....
Je ne peux que te conseiller de te renseigner un minimum avant de continuer à sortir des inepties
Citation :
Provient du message de Eldarendil
Où est-ce que ça va trop loin ?
Pour toi prouver qu'une image de fond ne doit pas contenir d'information ça va trop loin ?
Tu risques d'avoir des surprises....
Je ne peux que te conseiller de te renseigner un minimum avant de continuer à sortir des inepties
On se calme.

Mardram a le droit d'avoir une vision personnelle de son travail et de prendre son temps pour se renseigner sur le CSS2, le xml, le xhtml, et tout le reste, et tu n'as pas à lui imposer la vision juste parce qu'elle est tirée du W3C.
merci pour vos réponses.
vous avez certainement mieux à faire mais pour que vous voyez au moins ce que ça donne : la forme
c'est le minimum syndical, clair net et précis.

Sinon j'ai pas compris ce débat sur les images de fond, m'enfin je suis un peu légume en ce moment.
Citation :
Provient du message de Eldarendil
Tu te trompes

Je ne lui impose rien (relis mes posts) et je suis sans doute le plus calme des deux
Désolé j'ai visiblement zappé un petit message
Répondre

Connectés sur ce fil

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