Fork me on GitHub






silver74
ptit bug de mon theme
#1
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
Bonjour,

je elargi mon theme de mon intranet intranet,mais maintnant j'ai un probleme avec 3 boutons dans le header.Ce 3 boutons sont completement disloquer,mais si en continue naviguer ou appuier x fois sur f5 il redevien normal.Sous Firefox les 3 boutons son rehauser.

Je suis pas assez fortiche en html pour trouver ce probleme tou seul,pouvais vous me dire d'ou il vien mon erreur?

Header avec le bug sous IE
Open in new window

Header avec le bug sous Firefox:
Open in new window

Header ok:
Open in new window

Extrait du fichier theme.html
</head>
<body>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 
onLoad="MM_preloadImages('<{$xoops_url}>/themes/BlueWX2/images/home2.gif',
'<{$xoops_url}>/themes/BlueWX2/images/user2.gif',
'<{$xoops_url}>/themes/BlueWX2/images/message2.gif',
'<{$xoops_url}>/themes/BlueWX2/images/exit2.gif',
'<{$xoops_url}>/themes/BlueWX2/images/mainpage2.gif',
'<{$xoops_url}>/themes/BlueWX2/images/add2.gif',
'<{$xoops_url}>/themes/BlueWX2/images/search2.gif')">

<div align="100%">
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 id="w3">
    <TR>
    <TD COLSPAN=2 ROWSPAN=2 background="<{$xoops_url}>/themes/BlueWX2/images/main.gif" 
    align="left" WIDTH=100% HEIGHT=93 style="padding-left:15px; padding-right:5px; vertical-align:middle">
<img src="<{$xoops_url}>/themes/BlueWX2/images/logo.gif">
    </TD>
<TD COLSPAN=4 background="<{$xoops_url}>/themes/BlueWX2/images/main2.gif" WIDTH=1024 HEIGHT=80 style="vertical-align:middle">
<font style="font-family:Verdana; font-size:11px;"><b><img src="<{$xoops_url}>/themes/BlueWX2/images/local.gif"></TD>
<TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=80 ALT=""></TD>
    </TR>
<TR>
    <TD ROWSPAN=2>
    <IMG SRC="<{$xoops_url}>/themes/BlueWX2/images/blueline.gif" WIDTH=100% HEIGHT=43 ALT=""></TD>
    <TD ROWSPAN=2>            
    <a href="<{$xoops_url}>/user.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','<{$xoops_url}>/themes/BlueWX2/images/user2.gif',1)"><img src="<{$xoops_url}>/themes/BlueWX2/images/user1.gif" name="Image12" width="37" height="43" border="0" alt="Connection"></a></TD>
    <TD ROWSPAN=2>            <a href="<{$xoops_url}>/viewpmsg.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','<{$xoops_url}>/themes/BlueWX2/images/message2.gif',1)"><img src="<{$xoops_url}>/themes/BlueWX2/images/message1.gif" name="Image13" width="34" height="43" border="0" alt="Messagerie"></a></TD>
    <TD ROWSPAN=2>            <a href="<{$xoops_url}>/user.php?op=logout" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','<{$xoops_url}>/themes/BlueWX2/images/exit2.gif',1)"><img src="<{$xoops_url}>/themes/BlueWX2/images/exit1.gif" name="Image14" width="43" height="43" border="0" alt="Déconnection"></a></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
    </TR>
    <TR>
<TD><a href="<{$xoops_url}>/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','<{$xoops_url}>/themes/BlueWX2/images/home2.gif',1)"><img src="<{$xoops_url}>/themes/BlueWX2/images/home1.gif" name="Image11" width="44" height="30" border="0" alt="Accueil"></a></TD>
<TD background="<{$xoops_url}>/themes/BlueWX2/images/mes.gif" WIDTH=100% HEIGHT=30 id="wtd">
&nbsp;<{if $xoops_isuser}><b>Bienvenue
<a href="<{$xoops_url}>/user.php"><{$xoops_uname}></b></a>

<{if $xoops_isadmin}>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="<{$xoops_url}>/admin.php">Admin<{/if}>
<{else}>
&nbsp;Bienvenue sur notre Intranet&nbsp;&nbsp;|&nbsp;&nbsp;Pour créer un compte 
<a href="<{$xoops_url}>/modules/contact/"><b>contacter nous.</b></a><{/if}>


fichier css:

body {color: black; background:#FFFFFF; margin: 0; padding: 0;}

table {width:100%; margin: 5; padding: 5; font-size: 11px; border-collapse: collapse;}
table#w3 {width:100%; margin: 5; padding: 5; font-size: 11px; border-collapse: collapse;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Arial, Helvetica, Verdana, osaka;}
td#wtd {font-size: 11px; border-collapse: collapse; vertical-align:middle; text-align:left}

a {color: #182842; text-decoration: none; background-color: transparent;}
a:hover {color:#ff6600;}

a.ustlink {color: #f7f7f7; text-decoration: none; background-color: transparent; font-family:arial; font-size:11px; font-weight:bold;}
a.ustlink:hover {color: #ff9900; text-decoration: none; background-color:#ffffff; font-family:arial; font-size:11px; font-weight:bold;}


.info {color: #666666; text-decoration: none; background-color: transparent; font-family:arial; font-size:11px;}
a.info:hover {color: #ff9900; text-decoration: none; background-color:#ffffff; font-family:arial; font-size:11px;}



h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #2F5376}

input.formButton {}
.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #182842; color:#333333; background-image: url(images/hbar.gif);}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 12px; font-weight: bold; color: #000000; background-color: transparent; padding-left:10px;}
.itemPoster {font-size: 90%;}
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding-left: 15px; text-align:justify; padding-right: 15px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 140%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}


td#header01 {width:175px; background-color: #182842; vertical-align: middle; text-align:center; border:0px solid #FFFFFF;}
td#header02 {background-color: #182842; vertical-align: middle; text-align:right; border:0px solid #FFFFFF;}
td#header03 {width:160px; background-color: #DEE3E7; vertical-align: middle; text-align:right; border:1px solid #FFFFFF;}
td#headerbar01 {border:1px solid #FFFFFF; background: #888993; vertical-align: middle;}
td#headerbar02 {border:1px solid #FFFFFF; background: #DDE2E6; text-align:right; padding:5px; font-size:11px;}


td#leftcolumn {width: 170px; background:#eeeeee; border-right:1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
td#leftcolumn th {background-color: #2F5376; color: #000000; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 5px; background-color: #cccccc; color: #000000; font-weight: bold; font-size:11px; border-left:5px solid #666666;}
td#leftcolumn div.blockContent {padding: 2px; line-height: 140%; background-color: #e9e9e9;}

td#rightcolumn {width: 170px; background:#eeeeee; border-right:1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
td#rightcolumn th {background-color: #2F5376; color: #000000; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 5px; background-color: #cccccc; color: #000000; font-weight: bold; font-size:11px; border-left:5px solid #666666;}
td#rightcolumn div.blockContent {padding: 2px; line-height: 140%; background-color: #e9e9e9;}


td#mainmenu a {display: block; margin: 0; padding:4px; font-size:11px; font-weight:normal; color:#000000;}
td#mainmenu a:hover {background-color: #2e83ff; color:#ffffff; font-weight:bold}
td#mainmenu a.menuTop {padding-left: 10px; border-bottom: 1px solid #9A9A9A;}
td#mainmenu a.menuMain {padding-left: 10px; border-bottom: 1px solid #9A9A9A;}
td#mainmenu a.menuSub {padding-left: 20px; border-bottom: 1px solid #9A9A9A;}

td#usermenu a {display: block; margin: 0; padding: 4px; font-size:11px; font-weight:normal; color:#000000; padding-left: 10px; border-bottom: 1px solid #c0c0c0;}
td#usermenu a:hover {background-color: #2e83ff; color:#ffffff; font-weight:bold}
td#usermenu a.menuTop {padding-left: 10px; border-bottom: 1px solid #9A9A9A;}
td#usermenu a.menuMain {padding-left: 10px; border-bottom: 1px solid #9A9A9A;}
td#usermenu a.menuSub {padding-left: 20px; border-bottom: 1px solid #9A9A9A;}





td#centercolumn {font-size: 12px;}
td#centercolumn th {background-color: #182842; color: #333333; vertical-align: middle; background-image: url(images/hbar.gif);}
td#centercolumn th a{color: #FFFFFF;}


td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn div.blockTitle {padding: 3px; color: #213042; font-weight: bold; margin: 0px; border:1px solid #c0c0c0;}
td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}


td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn div.blockTitle {padding: 3px; color: #213042; font-weight: bold; margin-top: 0px; background-image: url(images/hbar.gif); border: 1px solid #c0c0c0;}
td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; line-height: 120%;}


td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn div.blockTitle {padding: 3px; color: #213042; font-weight: bold; margin-top: 0px; background-image: url(images/hbar.gif); border: 1px solid #c0c0c0;}
td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; line-height: 120%;}
div#content {text-align: left; padding: 8px;}





tr#footerbar {text-align:center; background-image: url(images/hbar.gif);}


.outer {border: 1px solid silver;}

.head {background-color: #DDE2E6; padding: 5px; font-weight: bold;}


.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #EFEFEF; padding: 5px;}

.foot {background-color: #DDE2E6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #eeeeee; padding: 5px;}
tr.odd td {background-color: #EFEFEF; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}


div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

Posté le : 19/10/2005 13:13
Partager Twitter Partagez cette article sur GG+
Rapport Haut
PinMaster
Re: ptit bug de mon theme
#2
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Pour le soucis d'IE, c'est lié aux dimensionnement de tes tableaux. Et en réglant ce problème, probablement que celui lié à firefox le sera aussi.

<TD style="height:43px" ROWSPAN=2><IMG SRC="<{$xoops_url}>/themes/BlueWX2/images/blueline.gif" WIDTH=100% HEIGHT=43 ALT=""></TD>
    <TD style="width:37px; height:43px;" ROWSPAN=2><a href="<{$xoops_url}>/user.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','<{$xoops_url}>/themes/BlueWX2/images/user2.gif',1)"><img src="<{$xoops_url}>/themes/BlueWX2/images/user1.gif" name="Image12" width="37" height="43" border="0" alt="Connection"></a></TD>
    <TD style="width:34px; height:43px;" ROWSPAN=2><a href="<{$xoops_url}>/viewpmsg.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','<{$xoops_url}>/themes/BlueWX2/images/message2.gif',1)"><img src="<{$xoops_url}>/themes/BlueWX2/images/message1.gif" name="Image13" width="34" height="43" border="0" alt="Messagerie"></a></TD>
    <TD style="width:43px; height:43px;" ROWSPAN=2><a href="<{$xoops_url}>/user.php?op=logout" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','<{$xoops_url}>/themes/BlueWX2/images/exit2.gif',1)"><img src="<{$xoops_url}>/themes/BlueWX2/images/exit1.gif" name="Image14" width="43" height="43" border="0" alt="Déconnection"></a></TD>

A tester...

Posté le : 19/10/2005 13:55
Partager Twitter Partagez cette article sur GG+
Rapport Haut
silver74
Re: ptit bug de mon theme
#3
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
Bon parament sous IE ca marche Open in new window
[edit]enfaite le probleme est pas parti[/edit]

Mais sous Firefox ce tjr le meme probleme.

Posté le : 19/10/2005 14:45

Edité par silver74 sur 19/10/2005 15:25:15
Partager Twitter Partagez cette article sur GG+
Rapport Haut
PinMaster
Re: ptit bug de mon theme
#4
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
arf...
Désolé....

Bon envoie moi ton thème complet par Email et je te corrigerais ça demain sans faute.

Pour firefox, vide le cache et réessaye... parfois le cache à la tête dur.

Posté le : 19/10/2005 16:03
Partager Twitter Partagez cette article sur GG+
Rapport Haut
alain01
Re: ptit bug de mon theme
#5
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Hello,

ça ne réponds pas à ton pb directement mais je t'envoi ici quelques recommandations XHTML :

- Aucune majuscule dans le html (table, tr, td, width, height...)

- on ajoute l'unité de mesure : cellpadding="12px" et pas cellpadding="12" (width, height, cellspacing...)

- on ferme certaine balise (j'ajoute un "." pour ton navigateur ne l'interprete pas :
<.hr /> <.br /> <.img bla bla />

- Pour les images
Le champs alt="Description de l'image" devient obligatoire et on ferme la balise

etc...

Posté le : 19/10/2005 17:09

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
silver74
Re: ptit bug de mon theme
#6
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
Oui,sans doute ta raison mais pour un intranet ce pas tres important.

N.B:
Je pris ce theme de xoopsturkiye.com

Posté le : 19/10/2005 19:54
Partager Twitter Partagez cette article sur GG+
Rapport Haut
PinMaster
Re: ptit bug de mon theme
#7
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Bon voilà, j'ai pas pu finir les corrections.
J'avoue que je me suis pris un peu la tête, mais là que je voix la fin ce pointé je commence à apprécier.
Je vais essayer de le finir demain en espérant ne pas être embéter par une quelconque maintenance info.

Voici le résultat en image pour l'instant :
-> sous IE
Open in new window
-> sous firefox
Open in new window

Le problème initial venait de la table, et ma modification après plusieurs type d'essaie avec la table c'est finalement porté sur l'utilisation des balises div.
Ce sera loin d'être parfait, mais le thème sera corrigé.

Posté le : 20/10/2005 17:56
Partager Twitter Partagez cette article sur GG+
Rapport Haut
PinMaster
Re: ptit bug de mon theme
#8
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Voilou, c'est fini et bien corriger.
Travaillant avec une résolution supérieur à 1024x728, j'ai aussi fait le test à cette résolution et ça à l'air d'être vraiment bon cette fois.
Attention lors d'un petit test avec la dimension de la fenêtre, l'entête finit par laché sous firefox si on cherche à réduire la larguer de la fenêtre de manière trop importante.

Passons aus petites image pour preuve :
-> sous IE :
Open in new window
-> sous firefox avec deux onglets :
Open in new window

J'espère que cela te conviendra.
Bon voici le petit fichier à télécharger : BlueWX2.zip

A une prochaine.

Posté le : 21/10/2005 11:19
Partager Twitter Partagez cette article sur GG+
Rapport Haut
baronxoops
Re: ptit bug de mon theme
#9
Régulier
Inscrit: 14/06/2004 13:20
Messages: 374
Salut,

je me permet de t'avertir que "contacter nous" ... tu vas avoir tes collègues de français sur le dos !!!
"Contactez-nous" ira mieux

Beau boulot

Posté le : 21/10/2005 14:19

Baronxoops d'accord, mais loin d'être le roi
Partager Twitter Partagez cette article sur GG+
Rapport Haut
silver74
Re: ptit bug de mon theme
#10
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
Merci PinMaster,ca marche impec et merci Baronxoops et je corriger aussi la faute ortho.

Posté le : 24/10/2005 09:28
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

14 Personne(s) en ligne (10 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 14 | Plus ...