Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

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

Résolu Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par julworld le Mar 27 Déc 2011 - 16:20

Bonjour,

Je rencontre un problème au niveau d'un espace entre une image et une bordure.
Voici un screen pour mieux comprendre:


En effet, j'ai fait exprès d'ajouter une image de la taille exacte, de l'intérieur du widget.
Mais une fois l'image ajouté dans le sujet, le widget s'agrandit en largeur.

Or, j'aimerais que l'image prenne toute la place, jusqu'aux bordures.
Ici, ce n'est pas le cas, il y a un espace entre l'image et la bordure du widget.

Comment retirer, modifier cet espace ?

Merci d'avance, et bonne journée. Smile


Dernière édition par julworld le Jeu 29 Déc 2011 - 17:07, édité 4 fois

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par julworld le Mer 28 Déc 2011 - 16:07

Bonjour,

Je up, j'ai besoin de votre aide... Confused

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par TheOursBlanc le Mer 28 Déc 2011 - 18:11

Essayer de raptréssir votre forum en largeur:
Pa>Général>Configuration>Structure des pages>Enlever 10 ou 20%

TheOursBlanc
*****

Masculin
Messages : 801
Inscrit(e) le : 22/02/2011

http://astuceinternet.forumactif.fr
TheOursBlanc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par julworld le Mer 28 Déc 2011 - 18:17

Bonsoir,

Désolé, cela ne fonctionne pas.
Je souhaite que l'image prenne toute la largeur de l'intérieur du widget.
Donc, retirer ou réduire les espaces transparents de chaque côté du widget.

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par TheOursBlanc le Mer 28 Déc 2011 - 18:21

Agrandisser l'image

TheOursBlanc
*****

Masculin
Messages : 801
Inscrit(e) le : 22/02/2011

http://astuceinternet.forumactif.fr
TheOursBlanc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par julworld le Mer 28 Déc 2011 - 18:51

Avec l'image que j'ai essayé, cela agrandit déja le widget... Confused
(alors que les valeurs sont exactements celles de l'intérieur du widget, avant l'insertion de l'image).

Peut-être que la solution se trouve dans le template du widget utilisé...
(ici j'utilise le widget "news"). Voici le template, si cela peut aider:

Code:
<!-- BEGIN post_row --><!-- BEGIN saut -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td height="2px"></td>
   </tr>
</table><!-- END saut -->
<table class="forumline mod_news" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catLeft" height="25">
  <a name="news_{post_row.ID}"></a><span class="genmed"><a href="{post_row.U_VIEW_COMMENTS}">{post_row.TITLE}</a></span>
      </td>
   </tr>
   <tr>
      <td class="row2" height="20"><span class="gensmall"><img src="{ICON_TIME}" alt="" />{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span></td>
   </tr>
   <tr>
      <td class="row1">
         <span class="gensmall content" style="line-height:150%">
            {post_row.TEXT}<br /><br />

            <!-- BEGIN switch_attachments -->
            <dl class="attachbox">
               <dt>{post_row.switch_attachments.L_ATTACHMENTS}</dt>
               <dd>
                  <!-- BEGIN switch_post_attachments -->
                  <dl class="file">
                     <dt>
                        <img src="{post_row.switch_attachments.switch_post_attachments.U_IMG}" />

                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{post_row.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->

                        <!-- BEGIN switch_no_dl_att -->
                        {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                     </dt>

                     <!-- BEGIN switch_no_comment -->
                     <dd>
                        <em>{post_row.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                     </dd>
                     <!-- END switch_no_comment -->

                     <!-- BEGIN switch_no_dl_att -->
                     <dd>
                        <em><strong>{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                     </dd>
                     <!-- END switch_no_dl_att -->

                     <dd>({post_row.switch_attachments.switch_post_attachments.FILE_SIZE}) {post_row.switch_attachments.switch_post_attachments.NB_DL}</dd>
                  </dl>
                  <!-- END switch_post_attachments -->
               </dd>
            </dl>
            <!-- END switch_attachments -->

            {post_row.OPEN}
            <a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
            {post_row.CLOSE}
         </span>
      </td>
   </tr>
   <tr>
      <td class="row3" height="24"><span class="gensmall"><a href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</span></td>
   </tr>
</table><!-- END post_row -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

Il doit bien y avoir une solution pour que l'image prenne toute la largeur du widget, sans pour autant l'agrandir et y laisser des espaces vides sur la largeur... Confused

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par TheOursBlanc le Jeu 29 Déc 2011 - 17:10

Essayer sa :
Code:
<!-- BEGIN post_row --><!-- BEGIN saut -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td height="2px"></td>
  </tr>
</table><!-- END saut -->
<table class="forumline mod_news" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catLeft" height="25">
  <a name="news_{post_row.ID}"></a><span class="genmed"><a href="{post_row.U_VIEW_COMMENTS}">{post_row.TITLE}</a></span>
      </td>
  </tr>
  <tr>
      <td class="row2" height="20"><span class="gensmall"><img src="{ICON_TIME}" alt="" />{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span></td>
  </tr>
  <tr>
      <td class="row1">
        <span class="gensmall content" style="line-height:150%">
            {post_row.TEXT}<br /><br />
 
            <!-- BEGIN switch_attachments -->
            <dl class="attachbox">
              <dt>{post_row.switch_attachments.L_ATTACHMENTS}</dt>
              <dd>
                  <!-- BEGIN switch_post_attachments -->
                  <dl class="file">
                    <dt>
                        <img src="{post_row.switch_attachments.switch_post_attachments.U_IMG}" />
 
                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{post_row.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->
 
                        <!-- BEGIN switch_no_dl_att -->
                        {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                    </dt>
 
                    <!-- BEGIN switch_no_comment -->
                    <dd>
                        <em>{post_row.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                    </dd>
                    <!-- END switch_no_comment -->
 
                    <!-- BEGIN switch_no_dl_att -->
                    <dd>
                        <em><strong>{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                    </dd>
                    <!-- END switch_no_dl_att -->
 
                    <dd>({post_row.switch_attachments.switch_post_attachments.FILE_SIZE}) {post_row.switch_attachments.switch_post_attachments.NB_DL}</dd>
                  </dl>
                  <!-- END switch_post_attachments -->
              </dd>
            </dl>
            <!-- END switch_attachments -->
 
            {post_row.OPEN}
            <a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
            {post_row.CLOSE}
        </span>
      </td>
  </tr>
  <tr>
      <td class="row3" height="24"><span class="gensmall"><a href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</span></td>
  </tr>
</table><!-- END post_row -->
 
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
//]]>
</script>
<!-- END switch_image_resize -->

TheOursBlanc
*****

Masculin
Messages : 801
Inscrit(e) le : 22/02/2011

http://astuceinternet.forumactif.fr
TheOursBlanc a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci.

Message par julworld le Jeu 29 Déc 2011 - 17:26

Bonsoir,

Merci beaucoup. Mon problème est résolu. Smile

Bonne soirée. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

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


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