Soucis de concordance images - code

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

Résolu Soucis de concordance images - code

Message par Frigilia le Dim 18 Juil 2010 - 14:40

Bonjour à tous !

J'ai un petit soucis de design embêtant malgré tout.

Dans mon forum, j'ai utilisé le code pour faire des bordure autour des descriptions et statistiques. Seul petit soucis...j'ai des images et certaines vont parfaitement et d'autres dépassent le cadre.

Des images pour aider à voir ce que je veux dire ...



Jusque là, pas de souci, l'image de l'aéroport entre bien dans les bordures et près de sa description.

Mais j'ai aussi :



Et là on voit que l'image de la réserve ne s'accorde pas bien.

C'est ce problème que je souhaiterais changer.
Merci d'avance pour votre coup de pouce.

Bises.


Dernière édition par Frigilia le Dim 18 Juil 2010 - 19:15, édité 1 fois

Frigilia
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 16/08/2009

http://ronde-du-monde.forumactif.com
Frigilia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Anzu le Dim 18 Juil 2010 - 15:18


Bonjour ^^

C'est possible d'avoir le code de votre template index_box et celui de votre CSS ?
Il y a un simple réglage à faire au niveau de la hauteur.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Frigilia le Dim 18 Juil 2010 - 15:32

Pas de soucis....
*cherche dans ses tiroirs*

Voici mon CSS (en entier désolé) :
Code:
.forumline{
border: 1px #000000
dashed;
}


I{border-bottom:none; color:#AB9C50;text-decoration: none
}

body {
background-repeat: no-repeat;
}


.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}


.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 22px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}


.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 34px;
      font-size: 11px;
}

a:hover {
text-decoration: none !important;
}


body {
cursor: crosshair;
}

a {
font-variant: small-caps;
}

a.forumlink {
text-decoration: none;
background-color: #00000;
border-bottom: 2px double #FEFEFE;
border-top: 2px double #FEFEFE;
-moz-border-radius: 10px ;
border-right: 5px solid #FEFEFE;
-moz-border-radius: 10px ;
border-left: 5px solid #FEFEFE;
display:block;
text-align: center;
}

a.forumlink:hover {
text-decoration: none;
background-color: #00000;
border-bottom:2px double #777F7E;
border-top: 2px double #777F7E;
-moz-border-radius: 10px ;
border-right: 5px solid #777F7E;
-moz-border-radius: 10px ;
border-left: 5px solid #777F7E;
display:block;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #FEFEFE;
}

a.img info {
border-bottom:0 solid #BDBAB2;
color:#777F7E;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#BDBAB2;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:15px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}

.code{
font-family: Comic Sans MS;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #000000;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

Et là mon template :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}

        {CURRENT_TIME}

        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}>

<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->

      <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->

        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Frigilia
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 16/08/2009

http://ronde-du-monde.forumactif.com
Frigilia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Anzu le Dim 18 Juil 2010 - 15:40


Hum, je viens de tester, ca fonctionne pourtant très bien.
C'est possible d'avoir l'un des codes d'une description ? (une qui bug Razz)

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Frigilia le Dim 18 Juil 2010 - 15:42

Code:
<br></br>Maisons de bois dans les arbres, reliées entre elles par de pontons de bois au dessus du vide. Il ne faut pas avoir le vertige.

C'est l'espace qui fait tout buger ? What a Face

Frigilia
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 16/08/2009

http://ronde-du-monde.forumactif.com
Frigilia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Anzu le Dim 18 Juil 2010 - 16:58


Ce n'est pas un tableau dans la description ? Je vous avais demandé le code complet de la description (image etc) Razz


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Frigilia le Dim 18 Juil 2010 - 17:20

Ainsi ?



Image : http://moe.mabul.org/up/moe/2009/12/27/img-1109121t448.png

Frigilia
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 16/08/2009

http://ronde-du-monde.forumactif.com
Frigilia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Anzu le Dim 18 Juil 2010 - 19:10


On a du mal à se comprendre mais tant pis Razz

Je pense avoir compris d'où venait le problème. L'url de l'image vous devez l"intégrer dans le code de la description. et faire un tableau.

Code:
<table><tr><td><img src=http://moe.mabul.org/up/moe/2009/12/27/img-1109121t448.png></img></td><td>texte description</td></table>

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis de concordance images - code

Message par Frigilia le Dim 18 Juil 2010 - 19:14

Oups...désolé Embarassed

*fait les manipes nécessaires*

Edit : Ca marche ! Thanks énormement de l'aide que vous m'avez fourni !

Frigilia
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 16/08/2009

http://ronde-du-monde.forumactif.com
Frigilia 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