Soucis de concordance images - code
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Soucis de concordance images - code
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
Re: Soucis de concordance images - code
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.
Re: Soucis de concordance images - code
Pas de soucis....
*cherche dans ses tiroirs*
Voici mon CSS (en entier désolé) :
Et là mon template :
*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"> {catrow.tablehead.L_FORUM} </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"> </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 -->
Re: Soucis de concordance images - code
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 )
Re: Soucis de concordance images - code
- 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 ?
Re: Soucis de concordance images - code
Ce n'est pas un tableau dans la description ? Je vous avais demandé le code complet de la description (image etc)
Re: Soucis de concordance images - code
On a du mal à se comprendre mais tant pis
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.
Re: Soucis de concordance images - code
Oups...désolé
*fait les manipes nécessaires*
Edit : Ca marche ! :thanks: énormement de l'aide que vous m'avez fourni !
*fait les manipes nécessaires*
Edit : Ca marche ! :thanks: énormement de l'aide que vous m'avez fourni !
Sujets similaires
» soucis images forum
» soucis aux sujets des images
» Soucis images et émoticones
» Soucis avec les images.
» Soucis au niveau des images et css
» soucis aux sujets des images
» Soucis images et émoticones
» Soucis avec les images.
» Soucis au niveau des images et css
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum