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](http://img412.imageshack.us/img412/2679/headerbug9fx.jpg)
Header avec le bug sous Firefox:
![Open in new window](http://img412.imageshack.us/img412/9651/headerff4up.jpg)
Header ok:
![Open in new window](http://img412.imageshack.us/img412/4912/headerbon2tg.jpg)
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">
<{if $xoops_isuser}><b>Bienvenue
<a href="<{$xoops_url}>/user.php"><{$xoops_uname}></b></a>
<{if $xoops_isadmin}> | <a href="<{$xoops_url}>/admin.php">Admin<{/if}>
<{else}>
Bienvenue sur notre Intranet | 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;}