Jump to content

layout integration problem

cobrax

By cobrax
in Developer Corner

 Share

Recommended Posts

cobrax Junior Member

cobrax

Posted
Posted

hi can somebody help me out?

 

i have integraded my layout in de portal theme

 

but i have a verry strange white space in the layout

can somebody help me out

 

see url: what i mean: http://www.scriptmarketplace.org/webhosting/members/

 

here under header.tpl and style.css

 

header.tpl

<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset={$charset}" />
<title>{$companyname} - {$pagetitle}{if $kbarticle.title} - {$kbarticle.title}{/if}</title>
{if $systemurl}<base href="{$systemurl}" />{/if}
<link rel="stylesheet" type="text/css" href="templates/{$template}/style.css" />
<script type="text/javascript" src="includes/jscript/jquery.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top_container">
<div id="top">
   <div id="welcome_box">{if $loggedin}{$LANG.welcomeback}, <strong>{$clientsdetails.firstname}</strong>   <img src="templates/{$template}/images/icons/details.gif" alt="{$LANG.clientareanavdetails}" width="16" height="16" border="0" class="absmiddle" /> <a href="clientarea.php?action=details" title="{$LANG.clientareanavdetails}"><strong>{$LANG.clientareanavdetails}</strong></a>   <img src="templates/{$template}/images/icons/logout.gif" alt="{$LANG.logouttitle}" width="16" height="16" border="0" class="absmiddle" /> <a href="logout.php" title="Logout"><strong>{$LANG.logouttitle}</strong></a>{else}{$LANG.please} <a href="clientarea.php" title="{$LANG.loginbutton}"><strong>{$LANG.loginbutton}</strong></a> {$LANG.or} <a href="register.php" title="{$LANG.clientregistertitle}"><strong>{$LANG.clientregistertitle}</strong></a>{/if}</div>
<table width="705" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td background="images/logotip_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td width="216"><img src="images/logotip.jpg" width="216" height="100" alt=""></td>
       <td align="right" style="padding: 0px 20px;"><form name="form1" method="post" action=""><table border="0" cellspacing="10" cellpadding="0">
         <tr>
           <td> </td>
           <td> </td>
           <td> </td>
         </tr>
       </table></form></td>
       <td width="14"><img src="images/logotip_r.jpg" width="14" height="100" alt=""></td>

   </table>

 </tr>
       <td>
<div id="content_container">
{if $loggedin}
 <div id="top_menu">
   <ul>
     <li><a href="clientarea.php" title="{$LANG.clientareanavhome}">{$LANG.clientareanavhome}</a></li>
     <li><a href="clientarea.php?action=details" title="{$LANG.clientareanavdetails}">{$LANG.clientareanavdetails}</a></li>
     <li><a href="clientarea.php?action=products" title="{$LANG.clientareanavservices}">{$LANG.clientareanavservices}</a></li>
     <li><a href="clientarea.php?action=domains" title="{$LANG.clientareanavdomains}">{$LANG.clientareanavdomains}</a></li>
     <li><a href="clientarea.php?action=invoices" title="{$LANG.invoices}">{$LANG.invoices}</a></li>
     <li><a href="supporttickets.php" title="{$LANG.clientareanavsupporttickets}">{$LANG.clientareanavsupporttickets}</a></li>
     <li><a href="affiliates.php" title="{$LANG.affiliatestitle}">{$LANG.affiliatestitle}</a></li>
     <li><a href="clientarea.php?action=emails" title="{$LANG.clientareaemails}">{$LANG.clientareaemails}</a></li>
   </ul>
   <div class="clear"></div>
 </div>
{/if}
 <div id="content_left">
   <h1>{$pagetitle}</h1>
<p class="breadcrumb">{$breadcrumbnav}</p>

 

and style.css

#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#FFFFFF;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:#FFFFFF;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#FFFFFF;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:##0d6094;float:right;line-height:40px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
p{margin:0;padding:3px 0 8px;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}

td {  
font: 11px Tahoma, Arial; 
color: #555354;
}

a {
text-decoration: none;
color: #2171A2;
}

.footer a {
padding: 0px 10px;
}

.redtext {
color: #B10002;
}
.whitetext {
color: #ffffff;
}
.blacktext {
color: #000000;
}
.greytext {
color: #757575;
}
.greentext {
color: #008A90;
}
.yellowtext {
color: #EAF25E;
}
.orangetext {
color: #FDC40F;
}
.rosetext {
color: #D6738F;
}
.bluetext {
color: #2171A2;
}

p {
margin: 0;
}
h1, h2, h3, h4, h5 {
color: #7B7D81;
font-weight: bold;
margin: 0px;
}
ul {
padding: 0px 0px 0px 20px;
margin: 0px;
}
h1 {
font-size: 16px;
}
h2 {
font-size: 14px;
}
h3 {
font-size: 12px;
}
.px11 {
font: normal 11px Tahoma, Arial;
}
.px10 {
font: normal 10px Tahoma, Arial;
}

a.whitelink {
font: normal 11px Tahoma, Arial;
color: #ffffff;
text-decoration: underline;
}
a.whitelink:hover {
text-decoration: none;	
}
a.blacklink {
font: normal 11px Tahoma, Arial;
color: #212B35;
text-decoration: underline;
}
a.blacklink:hover {
text-decoration:none;	
}

a.bluelink {
color: #638FA9;
text-decoration: underline;	
}
a.bluelink:hover {
text-decoration: none;	
}

a.orangelink {
color: #F3800D;
text-decoration: underline;
font: normal 11px Tahoma, Arial;
}
a.orangelink:hover {
text-decoration: none;	
}
a.greylink {
color: #747877;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.greylink:hover {
text-decoration: none;	
}

a.greenlink {
color: #008A90;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.greenlink:hover {
text-decoration: none;	
}
a.roselink {
color: #FFEBCC;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.roselink:hover {
text-decoration: none;	
}
a.yellowlink {
color: #EAF25E;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.yellowlink:hover {
text-decoration: none;	
}

a.redlink {
color: #B10002;
font: normal 11px Tahoma, Arial;
text-decoration: underline;
}
a.redlink:hover {
text-decoration: none;	
}

.footer a {
padding: 0px 10px;
}

0
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated

  I accept