Page 1 of 2
News : Image qui déborde
Posted: Tue Nov 25, 2008 5:22 pm
by Nicolas-web2
Bonsoir,
J'ai un petit problème assez embêtant quand j'écris mes articles avant une image positionnée sur la gauche : la plupart du temps le texte ne dépasse pas le texte en hauteur. Vu que je suis souvent sous un ordinateur avec une résolution en 800x600, mes articles s'affichent tout à fait normalement.
Mais dès que je passe sur une résolution plus élevée comme 1024x768 ou encore 1280x1024, l'image dépasse sur l'article d'avant.
Voilà ce que ça donne :
http://www.scapture.com/data/89517-capture.png
Version utilisée de CMS MS : 1.4.1
Si quelqu'un a une solution...
Merci
Nicolas
Re: [News] Image qui déborde
Posted: Tue Nov 25, 2008 7:47 pm
by Lionel
Bonsoir,
Je vous conseille de ne pas réduire vos images comme vous l'avez fait ci-dessous:
Faites un essai en réduisant préalablement votre image du premier article à la taille souhaitée.
L'image est désormais à 100% et vous n'avez plus à définir les dimensions X-Y
Ensuite insérer: entre et
dimanche 23 novembre 2008
Taradeau au quotidien
Dans la nuit de vendredi à samedi, les vents violents ont causé de
très nombreux dégâts en Dracénie.
À Taradeau, le quartier des Bertrand a été particulièrement touché, plusieurs arbres d'une vingtaine de mètres n'ont pas résisté à la force du vent. Une ligne EDF à moyenne tension desservant le quartier a été endommagée privant le quartier d'électricité.
Dans le même temps des milliers de foyers dracénois étaient plongés dans le noir. Fort heureusement, les dégâts ne sont que matériels.
La station du site
Météo Taradeau
a enregistré des rafales de 72km/h.
Normalement le problème devrait être résolu mais je n'ai pas pu tester car il faut d'abord une taille de l'image à 100% soit sans redimensionnement forcé.
Faites moi connaître le résultat
Bonne chance
Re: [News] Image qui déborde
Posted: Tue Nov 25, 2008 8:36 pm
by Nicolas-web2
merci pour la réponse
j'ai donc ajouté et maintenant il y a un grand vide entre le premier et le deuxième article (
http://www.scapture.com/data/89536-capture.png).
Pourtant j'ai bien mis la balise au bon endroit
bonne soirée
Re: [News] Image qui déborde
Posted: Tue Nov 25, 2008 9:11 pm
by jpg
Bonjour,
Je ne vais pas m'immiscer dans votre dialogue sur la solution avec l'ajout d'un (mais je viendrai volontiers regarder la suite du feuilleton).
Par contre, disposant d'une connexion limitée, je suis très sensible (et souvent fâché...) au poids des images.
A commencer par le bandeau du site. Il pèse 438ko, simplement parce qu'il est en png. J'ai juste essayé, pour voir, de le convertir en jpg et il ne pèse maintenant que... 93ko !!! Pour le même résultat, ça donne à réfléchir...
Du coup, je vais voir ce qu'il en est de la deuxième image des News : là aussi une image originale surdimensionnée, inutilement pesante parce qu'elle aussi (contrairement à la première image des News) est malheureusement en png.
Il se pourrait qu'un allègement des photos au départ résolve une partie des problèmes qui se posent.
Amicalement jpg
PS Maintenant, j'attends la suite du feuilleton!
Re: [News] Image qui déborde
Posted: Tue Nov 25, 2008 10:14 pm
by Lionel
En effet, mais ce grand vide devrait disparaitre si vous modifiez l'image comme proposé... C'est justement cela que je ne pouvais pas tester.
Re: [News] Image qui déborde
Posted: Wed Nov 26, 2008 11:27 am
by Nicolas-web2
bonjour
si pourtant j'ai redimensionné l'image en miniature. elle est donc affichée avec sa taille originale 198x264.
et il y a tjrs ce grand vide qui apparait.
pour le poids des images, je vais m'en occuper
cordialement
Re: [News] Image qui déborde
Posted: Fri Dec 05, 2008 11:03 am
by Nicolas-web2
UP

Re: [News] Image qui déborde
Posted: Fri Dec 05, 2008 11:29 am
by jce76350
re,
un lien ?
Re: [News] Image qui déborde
Posted: Fri Dec 05, 2008 11:33 am
by Nicolas-web2
Re: [News] Image qui déborde
Posted: Fri Dec 05, 2008 11:43 am
by jce76350
re,
faire un tableau pour avoir LA bonne position
voir
le post
Re: [News] Image qui déborde
Posted: Fri Dec 05, 2008 3:26 pm
by Lionel
Bonjour,
C'est le grand stress en ce moment et j'ai plus pensé au travail qu'on avait commencé !!!
Faites ceci:
Vous rajoutez simplement sans modifier le reste au niveau du CSS pour:
.NewsSummary {} <- float:left;
.NewsSummarySummary, .NewsSummaryContent {} <- float:right;
Et tout est en ordre...
Salutations
Re: [News] Image qui déborde
Posted: Fri Dec 05, 2008 4:29 pm
by Nicolas-web2
ça marche !
juste un petit problème subsiste :
http://easy-upload.net/fichiers/Sans_ti ... 172746.jpg
Et les articles sont 1 peu décalés.
Merci beaucoup pour votre aide
Re: [News] Image qui déborde
Posted: Thu Jan 01, 2009 8:07 pm
by Nicolas-web2
bonsoir et bonne année
En ce moment j'ai que des problèmes avec CMS MS (voir mes autres topics...).
La solution que Lionel m'a donné fonctionne (les images ne débordent plus) mais maintenant j'ai mes pages qui déconnent
http://easy-upload.net/fichiers/sitebug.20091121426.png
Donc maintenant la barre qui est en bas de page remonte : si je met un texte après les news ça bug complet, ça se met au niveau des news.
Je comprend pas qu'un tel truc (mettre les images à gauche du texte) soit pas prévu d'origine sur un CMS, et qu'on soit obligé de rafistoler (vu le résultat :s).
si quelqu'un a une solution...merci
Re: [News] Image qui déborde
Posted: Fri Jan 02, 2009 12:39 pm
by Lionel
Bonjour,
Le problème est qu'on a résolu les symptômes mais pas la cause du problème... Dès qu'il y a un cas particulier, le problème resurgit.
Il faudrait se diriger vers le gabarit des news "Éditeur du gabarit du sommaire" et ajouter dans le code:
Code: Select all
<!-- Start News Display Template -->
{if $pagecount > 1}
<p>
{if $pagenumber > 1}
{$firstpage} {$prevpage}
{/if}
{$pagetext} {$pagenumber} {$oftext} {$pagecount}
{if $pagenumber < $pagecount}
{$nextpage} {$lastpage}
{/if}
</p>
{/if}
{foreach from=$items item=entry}
<div class="NewsSummary">
{if $entry->postdate}
<div class="NewsSummaryPostdate">
{$entry->postdate|cms_date_format}
</div>
{/if}
<div class="NewsSummaryLink">
{$entry->titlelink}
</div>
<div class="NewsSummaryCategory">
{$category_label} {$entry->category}
</div>
{if $entry->author}
<div class="NewsSummaryAuthor">
{$author_label} {$entry->author}
</div>
{/if}
{if $entry->summary}
<div class="NewsSummarySummary">
{eval var=$entry->summary}
</div>
<div class="NewsSummaryMorelink">
[{$entry->morelink}]
</div>
{else if $entry->content}
<div class="NewsSummaryContent">
{eval var=$entry->content}
</div>
{/if}
{if isset($entry->extra)}
<div class="NewsSummaryExtra">
{eval var=$entry->extra}
{* {cms_module module='Uploads' mode='simpleurl' upload_id=$entry->extravalue} *}
</div>
{/if}
{if isset($entry->fields)}
{foreach from=$entry->fields item='field'}
<div class="NewsSummaryField">
{if $field->type == 'file'}
<img src="{$entry->file_location}/{$field->value}"/>
{else}
{$field->name}: {eval var=$field->value}
{/if}
</div>
{/foreach}
{/if}
[color=red]<div class="clear"></div>[/color] <-- Ajouter
</div>
{/foreach}
<!-- End News Display Template -->
ensuite il faut supprimer dans le CSS:
.NewsSummary {
border-bottom:1px solid #CCCCCC;
float:left; <-- supprimer
margin:0 0.5em 1em;
padding:0.5em 0.5em 1em;
}
On peut faire déjà cela et ensuite on continue si il y a encore un problème.
Salutations
Re: [News] Image qui déborde
Posted: Fri Jan 02, 2009 3:23 pm
by Nicolas-web2
bonjour
apparemment , ça a l'air de fonctionner (j'ai aussi virer float:right;)
Faut que je re-vérifie car j'ai le panneau d'admin qui bug (erreur 500) et je viens de faire une déclaration d'incident à OVH et j'attend leur réponse (j'ai rien touché donc le problème vient d'eux...).
je vous tiens au courant.
encore merci.