Widget dont la taille s'adapte en automatique

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Widget dont la taille s'adapte en automatique

Message par babou_77 Jeu 16 Fév 2012 - 18:43

Bonsoir,

Sur notre forum, nous avons mis en place un portail. Le portail se consiste de trois colonnes. Dans l'une d'elle, les administrateurs ont la charge de mettre des nouveautés.

Afin d'avoir le même niveau en "scrollant" des trois colonnes. Nous avons mis en place des images via des widgets persos afin d'essayer de corriger cela.

Deux soucis nous font face :

- Le premier : en fonction des nouveautés, l'image se voit soit trop grande soit toute petite dépendante des nouveautés. Cela nous oblige à redimensionner l'image voir la déformeé à chaque mise à jour. Perte de temps.

- La seconde, nous avons constaté que selon le navigateur, l'affichage n'est pas le même et de ce fait l'attention portée pour avoir la même hauteur ne tient plus.

Je fais donc appel à vous en espérant avoir été clair et surtout trouvé une/des solution(s).

D'avance merci.

PS : Pour avoir une vision plus claire, je vous invite à cliquer sur le lien à droite.


Dernière édition par babou_77 le Jeu 23 Fév 2012 - 9:52, édité 1 fois
avatar

babou_77
****

Messages : 345
Inscrit(e) le : 15/03/2010

http://www.pro-savage.fr/
babou_77 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dont la taille s'adapte en automatique

Message par kheino Jeu 16 Fév 2012 - 19:54

Bonsoir,

Il s'agirait de la colonne du milieu, c'est bien ça ?
Peux-tu donner le code HTML et CSS que tu as mis pour ce widget ?
Cela dit, je les vois bien dimensionnées avec Opera...
Pour avoir une homogénéité dans l'aspect des images, il faut de toute façon les redimensionner, mais pour ce qui est de la perte de temps, il y a le moyen de les mettre dans un bloc (div) et de commander via le CSS à ce bloc que toutes les images aient telles dimensions.
Exemple :
Code:
<div class="identifiant" align="center"><img src="adresse_image" border="0" alt="" /><br />
<img src="adresse_image" border="0" alt="" /><br />
<img src="adresse_image" border="0" alt="" /><br />
<img src="adresse_image" border="0" alt="" /><br />
<img src="adresse_image" border="0" alt="" /></div>

Dans la feuille de style CSS on reprend l'identifiant :
div.identifiant img {
width: ???px;
height: ???px;
}

Je pense que ça devrait le faire pour ce souci... ?
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dont la taille s'adapte en automatique

Message par babou_77 Lun 20 Fév 2012 - 10:08

Bonjour,

Il s'agit de la colonne de gauche, c'est dans cette colonne que l'on affiche les nouveautés et donc celle qui varie en fonction du nombre d'image et/ou de textes. Et donc varie en hauteur.

Il n'y a pas d'HTML ou de CSS, il s'agit juste d'un texte, voir smiley et hebergement de photos.

Merci encore.
avatar

babou_77
****

Messages : 345
Inscrit(e) le : 15/03/2010

http://www.pro-savage.fr/
babou_77 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dont la taille s'adapte en automatique

Message par kheino Lun 20 Fév 2012 - 16:04

Ah je vois.
Je ne connais que très peu les templates et le CSS du protail.

Suggestion, essaie de voir dans le template mod_news de la catégorie > Portail des templates
Tu devrais pouvoir voir avec les identifiants de ce template.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dont la taille s'adapte en automatique

Message par babou_77 Lun 20 Fév 2012 - 17:16

Merci de ton soutien.

Comment les reconnaitre ?
avatar

babou_77
****

Messages : 345
Inscrit(e) le : 15/03/2010

http://www.pro-savage.fr/
babou_77 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dont la taille s'adapte en automatique

Message par kheino Lun 20 Fév 2012 - 17:31

Les identifiants sont ceux qui sont entre les guillemets de l'attribut class ou de celui id.
Exemple dans le template précité, il y a : class="forumline mod_news"
Il y en a d'autres.
C'est un ou plusieurs de ces identifiants qu'il faut régler via le CSS:
max-width: ???px;
max-height: ???px;

Il faut voir avec le CSS de base (lien au-dessus de la freuille de style CSS) quels sont les réglages de ces différents identifiants (par une recherche Ctrl+F) et faire des essais.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Widget dont la taille s'adapte en automatique

Message par babou_77 Jeu 23 Fév 2012 - 9:52

Bonjour.

Désolé de t'avoir fait perdre ton temps Final-Blonde.

Ma demande n'est plus d'actualité.
avatar

babou_77
****

Messages : 345
Inscrit(e) le : 15/03/2010

http://www.pro-savage.fr/
babou_77 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum