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

2 participants

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 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:
Espace entre image et bordure ! Help s'ilvouplaît ! Problème pour un espace que j'aimerais retiré. Merci. 815141igwid

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

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 Mer 28 Déc 2011 - 16:07

Bonjour,

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

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

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

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 Mer 28 Déc 2011 - 18:21

Agrandisser l'image
TheOursBlanc

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

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

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 Jeu 29 Déc 2011 - 17:26

Bonsoir,

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

Bonne soirée. Wink
julworld

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