images de tailles variables

images de tailles variables - HTML/CSS - Programmation

Marsh Posté le 28-11-2002 à 15:37:45    

Voilà, sur certains sites, j'ai vu des modèles permettant d'obtenir un affichage parfait de ce genre là :
 
 --------
|        |
| Titre  |----------------
|        |                |
 -------------------------
|                         |
|                         |
|                         |
|       TEXTE             |
|                         |
|                         |
|                         |
|                         |
 -------------------------
|        PIED             |
 -------------------------
 
La partie "titre" est de largeur variable mais la fin de la partie texte cole toujours à la longueur du texte/
La partie suivante remplis toujours la taille restante.
La partie "texte" à une longueur variable mais les images des bordures sont toujours cadré comme il faut.
La partie pied est une image dont la taille corespond bien à l'ensemble du reste.
 
Je me doutes bien que tout ce qu'il faut pour faire ça est contenu dans les CSS mais j'ai toujours pas réussi à comprendre comment obtenir de tels résultats.
 
Est ce qu'il est possible de m'aider à comprendre comment ca marche ?
 
PS : il y a plusieurs ensemble d'éléments de ce genre à l'écran et c'est toujours bien comme il faut

Reply

Marsh Posté le 28-11-2002 à 15:37:45   

Reply

Marsh Posté le 28-11-2002 à 16:30:55    

omega2 a écrit a écrit :

Voilà, sur certains sites, j'ai vu des modèles permettant d'obtenir un affichage parfait de ce genre là :
 

--------
|        |
| Titre  |----------------
|        |                |
 -------------------------
|                         |
|                         |
|                         |
|       TEXTE             |
|                         |
|                         |
|                         |
|                         |
 -------------------------
|        PIED             |
 -------------------------


 
La partie "titre" est de largeur variable mais la fin de la partie texte cole toujours à la longueur du texte/
La partie suivante remplis toujours la taille restante.



J'ai du mal à voir ce que tu veux faire là... Si la partie titre à une largeur variable, alors sa hauteur doit être fixe (c'est ou l'un ou l'autre). Donc elle "collera" forcément au bloc suivant puisque la hauteur est connue.

omega2 a écrit a écrit :

La partie "texte" à une longueur variable mais les images des bordures sont toujours cadré comme il faut.



Quelles images ? Quel doit être le résultat final avec tes bordures ? Donne un peu plus d'infos là...

omega2 a écrit a écrit :

La partie pied est une image dont la taille corespond bien à l'ensemble du reste.



Autrement dit 100% de la largeur de la page et qui suit directement le bloc "TEXTE".

omega2 a écrit a écrit :

Je me doutes bien que tout ce qu'il faut pour faire ça est contenu dans les CSS mais j'ai toujours pas réussi à comprendre comment obtenir de tels résultats.



Déjà commencer par bien poser le problème et identifier les contraintes.
 
De ça tu en déduiras le type de positionnement qu'il faudra utiliser (flux normal/flottants ou absolu)
 

omega2 a écrit a écrit :

Est ce qu'il est possible de m'aider à comprendre comment ca marche ?
 
PS : il y a plusieurs ensemble d'éléments de ce genre à l'écran et c'est toujours bien comme il faut



Dommage que la notion de "bien comme il faut" ne soit pas dans les specs ;)


Message édité par gm_superstar le 28-11-2002 à 16:32:04

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 04-12-2002 à 12:35:17    

A force de répondre aux autres, j'en ai perdus de vu cette discution. lol
 
Bon, ce que j'essayes de comprendre c'est comment ils arrivent au résultat visible sur des sites comme www.beattitude.fr.st quand on garde les réglages par défaut.
(si t'as un message comme quoi le site est en maintenance, fait un reload, le serveur sql de l'hébergeur est surchargé d'où l'apparition aléatoire de ce message)

Reply

Marsh Posté le 04-12-2002 à 13:15:05    

Ben il utilisent plusieurs tableaux imbriqués. Regarde le code...
 
Mais c'est clairement le type de mise en page (à base de tableaux) qu'il faut éviter maintenant.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 04-12-2002 à 14:29:17    

gm_superstar a écrit a écrit :

Ben il utilisent plusieurs tableaux imbriqués. Regarde le code...
 
Mais c'est clairement le type de mise en page (à base de tableaux) qu'il faut éviter maintenant.



Le truc, c'est surtout qu'ils arrivent à avoir les images de fond de case avec les bonnes dimensions.
Quand on regarde la page avec Netscape 4.72, si je me souviens bien, l'affichage est pas beau (on voit que les images ont toujours la taille de l'image définis dans le fichier de l'image, du coup, on a un blanc entre l'image de droite et celle de gauche au niveau du titre de l'article) mais avec IE5 ou Mozilla ou autre navigateur récent, on a un super affichage. C'est surtout là dessus que je comprends pas comment ils font pour calculer les bonnes tailles.
 
Bon, je vasi regarder un peu mieux les sources au cas où ils se bases sur la largeur d'une case que j'ai pas vu.
 
Sinon, pour faire le même genre d'affichage sans les tableaux, on peut le faire sans définir les positions des colones en valeurs absolus ?

Reply

Marsh Posté le 04-12-2002 à 14:33:10    

Ok, je crois que j'ai compris comment ils font, je conaissais pas la propriété "background" des td.
Faut que je mettes vraiment a jour mes conaissances moi.

Reply

Marsh Posté le 04-12-2002 à 14:46:58    

omega2 a écrit a écrit :

Ok, je crois que j'ai compris comment ils font, je conaissais pas la propriété "background" des td.
Faut que je mettes vraiment a jour mes conaissances moi.



Voilà t'as tout compris ;)
 
Pour faire court, tu as un tableau de 3 lignes par 3 colonnes, avec le texte au centre, 4 images de taille fixe pour les 4 coins et le reste (les cotés) sont des images de fond étirables.
 
C'est effectivement un cas où on est obligé de passer par les tableaux. Les CSS 3 devraient offrir un mécanisme similaire pour afficher des bordures avec des images.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 04-12-2002 à 18:40:41    

gm_superstar a écrit a écrit :

 
Voilà t'as tout compris ;)
 
Pour faire court, tu as un tableau de 3 lignes par 3 colonnes, avec le texte au centre, 4 images de taille fixe pour les 4 coins et le reste (les cotés) sont des images de fond étirables.
 
C'est effectivement un cas où on est obligé de passer par les tableaux. Les CSS 3 devraient offrir un mécanisme similaire pour afficher des bordures avec des images.



Vivement les CSS3 avec des navigateurs sachant utilisé les CSS3. ;)
Au fait, on en est à quelle version des CSS pour le moment?

Reply

Marsh Posté le 04-12-2002 à 18:48:29    

Reply

Sujets relatifs:

Leave a Replay

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