Problème Templates et CSS PunBB avec IE8

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

Résolu Problème Templates et CSS PunBB avec IE8

Message par OoelleoO le Mar 30 Nov 2010 - 15:42

Bonjour,
Voici mon problème:
Etant fidèle à Firefox, je ne rencontre aucun problème avec l'apparence de mon forum.

Cela dit, hier je me suis conectée avec IE, et je constate que la partie "Qui est en ligne" de la page d'accueil du forum est entièrement centrée, ainsi que les titres des catégories!

De plus, certains codes CSS ne fonctionnent pas sous IE: arrondi des champs de texte et boutons!

Inutile de préciser que je trouve ça super moche...
Comment y remédier?
Hélas je ne trouve aucun Tuto templates PunBB sur le sujet..

Merci de m'aider!

- l'URL du forum: http://www.lesbiennesdalgerie.com
- la version du forum: PunBB
- Capture d'écran du problème :
Sous Firefox : tout est normal


Sous Internet Explorer : c'est super moche


- Statut sur le forum: Fondatrice,
- si vous avez modifié des templates: Oui; body_index ==> espace entre les catégories
- si vous avez du CSS personnalisé: Oui
- votre ou vos navigateur(s): Firefox 3.6.12 / IE8 (rarement utilisé)


Dernière édition par OoelleoO le Mar 30 Nov 2010 - 19:14, édité 2 fois

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Templates et CSS PunBB avec IE8

Message par Anzu le Mar 30 Nov 2010 - 15:45


Bonjour,

Il me faudrait la CSS et le code de votre template index body.

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: Problème Templates et CSS PunBB avec IE8

Message par OoelleoO le Mar 30 Nov 2010 - 16:07

Merci pour votre réponse si rapide! Very Happy

CSS personnalisée:
Spoiler:
body
{ background-attachment: fixed;
background-repeat: no-repeat;
background-position: top left;
}

.pun a:link {
color: #d4bb17;
text-decoration: none;
}

.pun a:visited {
color: #c7b836;
}
.pun a:hover {
color: #35a7b3;
text-decoration: overline;
}
.pun a:active {
color: #35a7b3;
}
.pun a:focus {
color: #c7b836;
}

/*-- QUOTE--*/
.postmain blockquote {border-style: dashed;
border-color: #FFE8E8;
padding: 0.5em 1em;
background-color: #35A7B3;
font-color: #121921;
-moz-border-radius: 10px;
padding: 3px;
}

.postmain blockquote:hover {
background: #c7b836;
}


/*-- Coins Ronds formulaire--*/
input,textarea,select {
border:1px solid #D63048;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 2px;
background-color: #121921;
color: #FFE8E8;
}

.forumline{
-moz-border-radius:6px;
}


/*-- reply_box_rond_corners by TSF®--*/
/*--quickreply--*/
form#quick_reply textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
}


/*--text_editor_iframe--*/
form#quick_reply iframe#text_editor_iframe {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
}

/*--text_editor_textarea--*/
textarea#text_editor_textarea {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
padding: 10px;
}

/* wysiwyg */
.mceContentBody{
background-color: #ffffff;
color: #ffffff;
}

Template index_box:
Spoiler:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead --><br /> (c'est la seule modification que j'ai faite)
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<tr>
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
<h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
<br />
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
<td class="tcr">{catrow.forumrow.LAST_POST}</td>
</tr>
<!-- END forumrow -->

<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Templates et CSS PunBB avec IE8

Message par Anzu le Mar 30 Nov 2010 - 16:37


Vous m'avez donné l'index box, il me faut l'index body (pour le qui est en ligne) 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: Problème Templates et CSS PunBB avec IE8

Message par OoelleoO le Mar 30 Nov 2010 - 17:13

Toutes mes excuses, j'ai mal compris!

index_body :
Spoiler:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->

<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
<div id="onlinelist">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>

<p>{LEGEND} : {GROUP_LEGEND}</p>

</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} : 
{CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Templates et CSS PunBB avec IE8

Message par Anzu le Mar 30 Nov 2010 - 17:52


Je n'ai pas réussi à reproduire le "bug", mais il me semble avoir déjà vu ce "problème" par le passé. C'est IE faut pas chercher Razz

Essayez ceci dans votre CSS =>

Code:
#onlinelist {
text-align: left;
}

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: Problème Templates et CSS PunBB avec IE8

Message par OoelleoO le Mar 30 Nov 2010 - 18:32

Superbe! ça marche nickel!

Par contre, pour cette partie, le texte est toujours centré!

"Nous avons 247 membres enregistrés
L'utilisateur enregistré le plus récent est mori
Nos membres ont posté un total de 46226 messages"


Je ne trouve nulle part le code CSS pour cette partie du tableau... Confused

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Templates et CSS PunBB avec IE8

Message par Anzu le Mar 30 Nov 2010 - 18:35

Voila ^^ =>

Code:

#stats {
text-align: left;
}

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: Problème Templates et CSS PunBB avec IE8

Message par OoelleoO le Mar 30 Nov 2010 - 18:56

Wéééé youpi ça marche!!! Very Happy
2 dernières petites choses Embarassed

* Pour le titre des catégories: dans quel code CSS puis-je mettre le "text-align: left;" ? Car les titres sont toujours centrés sur IE...

* Pour les coins arrondis, IE ne prend pas en charge le CSS?

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Templates et CSS PunBB avec IE8

Message par Anzu le Mar 30 Nov 2010 - 19:02


Pour les coins arrondis, malheureusement rien à faire <-<

Pour les titres des catégories, normalement c'est ceci:

Code:

.pun th {
text-align: left;
}

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: Problème Templates et CSS PunBB avec IE8

Message par OoelleoO le Mar 30 Nov 2010 - 19:13

ça marche po Sad
Mais c'est pas grave, le gros du problème a été résolu !! Very Happy
Je mets "résolu" Wink Merci encore pour votre aide!

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème Templates et CSS PunBB avec IE8

Message par Anzu le Mar 30 Nov 2010 - 19:15

Essayez toujours:

Code:
.pun h2 {
text-align: left;
}

ou

Code:
.pun  {
text-align: left;
}

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: Problème Templates et CSS PunBB avec IE8

Message par OoelleoO le Mar 30 Nov 2010 - 20:59

Superbe!

C'est bien ceci qui fonctionne:
Code:
.pun h2 {
text-align: left;
}

MERCI encore!! Yahoo

OoelleoO
***

Féminin
Messages : 153
Inscrit(e) le : 20/11/2010

http://lesbiennesdalgerie.discutforum.com
OoelleoO 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