News : Image qui déborde

[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

[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

[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

[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!

[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.

[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

[Nicolas-web2]

UP 

[jce76350]

re,

un lien ?

[Nicolas-web2]

http://www.ville-taradeau.com/ (http://www.scapture.com/screen/?num=90162)

[jce76350]

re,

faire un tableau pour avoir LA bonne position


voir le post

[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

[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

[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

[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

[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.