bonjour

j'ai déja placé un mot dans la partie "graphisme" et cela sans succes!
j'essaye de placer mon graphisme , et malgré des valeurs définies dans le css, et dans theme, il débloque complètement en fonction des contenus...

Si quelqu'un sais m'aider svp via msn ou mail ? a découper et fixer correctemetn le graphisme?

Merci

Le mieux reste de t'aider via le forum, pour avoir une trace de ce qui seras dit.

Si tu peux expliquer ton probleme aec un screen, le code css, je suis sure que quelqu'un seras répondre.

l image





css

body {color: black; background: #B8B6B6; margin: 0; padding: 0;}
html { scrollbar-face-color: #464451; scrollbar-highlight-color: #464451; scrollbar-shadow-color: #0d5cfd6; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000040; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #000000;}
table {width:750; margin: 5; padding: 5; font-size: small}
table td {padding: 0; border-width: 0; font-family: Tahoma, Helvetica, sans-serif;}

a {color: #0075A1; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #EF2391;}

.menuskin{position: absolute; width:165px; background-color: #464451; border:2px solid white; font:normal 12px thaoma; line-height:18px; z-index:100; visibility:hidden;}

.menuskin a{text-decoration:none; color:#ffffff; padding-left:10px; padding-right:10px; }

#mouseoverstyle{background-color:highlight;}

#mouseoverstyle a{color:white;}

td#navbar {font-family: Tahoma; font-size: small;}
.navbar a {color: Black; font-weight: normal}


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 {}
.itemHead {padding: 3px; color: #000000;}
.itemInfo {text-align: right; padding: 3px; }
.itemTitle a {font-family: Tahoma; font-size: 120%; font-variant: small-caps; color: #0075a1; }
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; }
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-image: url(bgt.jpg); color:#000000; line-height: 200%; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerbanner {width: 750px; vertical-align: middle; text-align:center;}


td#leftcolumn {width: 219px; font-size: small;}
td#leftcolumn th {color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 3px; color: #000000; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 3px; font-size: smaller; line-height: 120%; line-height: 120%;}


td#centercolumn {font-size: 12px;}

td#centercolumn th {background-image: url(bgt.jpg); line-height: 250%; color: #000000; font-size: smaller; vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #000000; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
td#centerCcolumn div.blockContent { padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

td#centerLcolumn {width: 75%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #000000; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

td#centerRcolumn {width: 75%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #000000; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 180px; border-left: font-size:small;}
td#rightcolumn th {color: #000000; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; color: #000000; font-weight: bold;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

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

td#mainmenu a {display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {}
td#mainmenu a.menuTop {padding-left: 3px; background-color: #F4F4F4; }
td#mainmenu a.menuMain {font-size: small; padding-left: 3px; background-color: #F4F4F4; }
td#mainmenu a.menuSub {color: #9e7676; padding-left: 9px; background-color: #F4F4F4; }

td#usermenu a {display: block; margin: 0; padding: 4px; }
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {background-color: #FFC0C0;}



.outer {border: 1px solid black; }
.head {background-color: #D5CFD6; padding: 5px; font-weight: bold;}
.even {background-image: url(evenbg.gif); padding: 5px;}
.odd {background-image: url(oddbg.gif); padding: 5px;}
.foot {background-color: #9e7676; padding: 5px; font-weight: bold;}
tr.even td {background-color: #000000; padding: 5px;}
tr.odd td {background-color: #F4F4F4; 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;}


theme


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<p><{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
<script language="JavaScript1.2">

var linkset=new Array()

linkset[0]='<div class="menuitems"><a href="<{$xoops_url}>/modules/news/index.php?storytopic=9&storynum=30">Qui sommes nous?</a></div>'
linkset[0]+='<div class="menuitems"><a href="<{$xoops_url}>/modules/news/submit.php">Submit News</a></div>'
linkset[0]+='<div class="menuitems"><a href="<{$xoops_url}>/modules/news/archive.php">News Archive</a></div>'

linkset[1]='<div class="menuitems"><a href="<{$xoops_url}>/modules/mydownloads">File Downloads</a></div>'
linkset[1]+='<div class="menuitems"><a href="<{$xoops_url}>/modules/mydownloads/topten.php?rate=1">Top Rated Downloads</a></div>'
linkset[1]+='<div class="menuitems"><a href="<{$xoops_url}>/modules/mydownloads/submit.php">Submit a Download</a></div>'

linkset[2]='<div class="menuitems"><a href="<{$xoops_url}>/modules/mylinks/">Weblinks</a></div>'
linkset[2]+='<div class="menuitems"><a href="<{$xoops_url}>/modules/mylinks/topten.php?rate=1">Top Rated Links</a></div>'
linkset[2]+='<div class="menuitems"><a href="<{$xoops_url}>/modules/mylinks/submit.php">Submit a Link!</a></div>'

linkset[3]='<div class="menuitems"><a href="<{$xoops_url}>/">Main Forums</a></div>'

linkset[4]='<div class="menuitems"><a href="<{$xoops_url}>/modules/xoopsfaq/">FAQ&Help</a></div>'
linkset[4]+='<div class="menuitems"><a href="<{$xoops_url}>/user.php#lost">I lost My Password!</a></div>'

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers

function showmenu(e,which){

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()

menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}

function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}

if (ie4||ns6)
document.onclick=hidemenu

</script></head>
<body></p>
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bordercolor="#CC6699">
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="159" background="<{$xoops_imageurl}>top.jpg"><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="312"><a href="<{$xoops_url}>/"></a></td>
<td width="60%"><p align="center">&nbsp;</p>
<p align="center">&nbsp;</p></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="37">
<div id="popmenu" class="menuskin" onmouseover="clearhidemenu();highlightmenu(event,'on')" onmouseout="highlightmenu(event,'off');dynamichide(event)">
</div>
<tr>
<td class="navbar" width="25%" align="center">&nbsp;</td>
<td class="navbar" width="16%" align="center"><font color="#339999" face="Verdana, Arial, Helvetica, sans-serif"><img src="<{$xoops_imageurl}>arrow.jpg" /><a href="#" onmouseover="showmenu(event,linkset[0])" onmouseout="delayhidemenu()">L'asbl</a></font></td>
<td class="navbar" width="15%" align="center"><font color="#339999" face="Verdana, Arial, Helvetica, sans-serif"><img src="<{$xoops_imageurl}>arrow.jpg" /><a href="#" onmouseover="showmenu(event,linkset[1])" onmouseout="delayhidemenu()">Régimes</a></font></td>
<td class="navbar" width="13%" align="center"><font color="#339999" face="Verdana, Arial, Helvetica, sans-serif"><img src="<{$xoops_imageurl}>arrow.jpg" /><a href="#" onmouseover="showmenu(event,linkset[2])" onmouseout="delayhidemenu()">Santé</a></font></td>
<td class="navbar" width="16%" align="center"><font color="#339999" face="Verdana, Arial, Helvetica, sans-serif"><img src="<{$xoops_imageurl}>arrow.jpg" /><a href="#" onmouseover="showmenu(event,linkset[3])" onmouseout="delayhidemenu()">Vie
XXL</a></font></td>
<td class="navbar" width="15%" align="center"><font color="#339999" face="Verdana, Arial, Helvetica, sans-serif"><img src="<{$xoops_imageurl}>arrow.jpg" /><a href="#" onmouseover="showmenu(event,linkset[4])" onmouseout="delayhidemenu()">Membres</a></font></td>
</tr>
</table></td>
</tr>
</table>
<table width="750" align="center" cellspacing="0" >
<tr>
<td width="219" height="100%" valign="top" background="<{$xoops_imageurl}>colone_gauche.jpg" id="leftcolumn"><table width="218" border="0">
<tr>
<td width="105">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}> <{include file="alightFC/theme_blockleft.html"}>
<{/foreach}>
<!-- End left blocks loop -->
</td>
<td>&nbsp;</td>
</tr>
</table> </td>
<td width="531" valign="top" bgcolor="#FFFFFF" id="centercolumn">
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr bgcolor="#FFFFFF">
<td colspan="2" valign="top" id="centerCcolumn" >
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}> <{include file="alightFC/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}> <{include file="alightFC/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->
</td>
<td valign="top" bgcolor="#FFFFFF" id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}> <{include file="alightFC/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End display center blocks -->
<div id="content"> <{$xoops_contents}> </div></td>
<{if $xoops_showrblock == 1}>
<td height="100%" valign="top" bgcolor="#CC6666" id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}> <{include file="alightFC/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>
<{/if}> </tr>
</table>
<table align="center" cellspacing="0">
<tr id="footerbar">
<td width="750" height="140" background="<{$xoops_imageurl}>bas.jpg">&nbsp;</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>

comme vous pouvez le voir, j'ai donc deux prob

1. la colone de gauche ou j'ai donc une image de fond, se décale vers la droite selon le contenu,

2. le menu prévu dans alith ( tigra menu) je n'arrive pas a faire qu'il s'alligne sous le titre!! c'est tjr vers la droite

merci de m'aider!!
http://in-003.in.nl/~admin429/html/

Dans un premier temps, il faut que tu retravailles tes cellules de ton "theme.html", et le réuploader. C'est la premirèe chose à faire, pour essayer d'obtenir un bon alignement dugraphisme du haut par rapport à celui du dessous.
Si ça ne fonctionne pas, il faut qeu tu enregistres ta page via ton explorateur, et que tu regardes dans le code source quel class de ta feuille de style est appelée. Ensuite, une fois que tu as trouvé la class adéquate, il te suffit de la retoucher pour éviter ce redimensionnement.
Ici, il pourrait notamment s'agir de la class "td#leftcolumn ". Mais à mon avis, tu devrais pouvoir résoudre le problème, vu le screeenshot, via un travail sur ton "theme.html".

J'ai déja fait tout cela deux fois....
la left fait 216 et reste a cette taille ce qui est parfait poru l'imgage de fond de colone.

suis perduuuuuuuuuuue

le premier probleme vient du fait que la somme des largeurs des colonnes presentes est plus large que la largeur du header. cela provoquera toujours ce type de probleme.
Il faut "fixer" la largeur de CHAQUE colonne (gauche, centre, centregauche et centredroit, droite)

rien a faire je me plante dans les colones, je comprend parfaitement ce que tu veux dire mais ca fonctionne pas.

de plus pour le "tigra menu" je ne sais psa quel composante rajouter ou modifier pour que le menu soit
- 1 transparent légeremetn
- 2 qu'il s'affiche en desus de l'intitulé

personne pour m'aider, suis décue lol

MERDDDDDDDDDDDE
PERSONNE
je peux pas mettre mon site en ligne comme ca!
ayez pitié d'une pauvre femme que je suis !!
helpppp

1- les tableaux
2- le menu a modifier!