1
davidtillyer
Header Bar

I have changed the depth of the headder and the headder BAR (the silver bar)has got narrower. How do I extend it again and make it the FULL with of the page?

DT

2
wtravel
Re: Header Bar

That depends on the rest of your code in the theme file. Without the theme code I cannot know for sure. Can you post a link to your theme file?

Martijn

3
davidtillyer
Re: Header Bar

did you just want to see the bit of the header bar code or the whole thing.

DT

4
wtravel
Re: Header Bar

Better the whole thing , because if a parent table is incorrect and not in the header bar code, it may very well cause the header bar to show incorrectly.

Martijn

5
davidtillyer
Re: Header Bar

Hi the is ALL the code in the theme.html file. It's just the silver bar is cut short both sides by 3mm and I need it to be extended full across the page.

!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="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body>
<table cellspacing="10">
<tr id="header">
<td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>Eclub logo_transp.gif" width="204" height="52" alt="" /></a></td>
<td id="headerbanner"><{$xoops_banner}></td>
</tr>
<tr>
<td id="headerbar" colspan="2">&nbsp;</td>
</tr>
</table>

<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="default/theme_blockleft.html"}>
<{/foreach}>
<!-- End left blocks loop -->

</td>

<td id="centercolumn">

<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>

<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">

<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<{include file="default/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->

</td>
</tr>
<tr>
<td id="centerLcolumn">

<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}>
<{include file="default/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->

</td><td id="centerRcolumn">

<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}>
<{include file="default/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 id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}>
<{include file="default/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>

<{/if}>

</tr>
</table>

<table cellspacing="0">
<tr id="footerbar">
<td><{$xoops_footer}></td>
</tr>
</table>
</body>
</html>

6
tjnemez
Re: Header Bar
  • 2005/4/8 14:31

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


i believe this is your problem: <table cellspacing="10">

the cellspacing is adding a 10px margin on either side.

7
davidtillyer
Re: Header Bar

Hi Thank you, for that.

I set it to "10" as I wanted thew header to be DEEPER if not the banners touch the silver bar and the very top of the page.

I set it to "10" to give it some space and it looks good like above there is space around the banner.

Is there another way to deepen the header?

DT

8
wtravel
Re: Header Bar

You could use cellspacing with your banner, by adding a class to your css file and calling this class in your theme file.

For example:
<img class="bannerimg" src="<{$xoops_imageurl}>Eclub logo_transp.gif" width="204" height="52" alt="" />

In your css file you add a class with this name and set cellspacing to x.

Martijn

9
davidtillyer
Re: Header Bar

Hi,

Thank you for that. this is the NEW bit (img class="bannerimg" src=") you have added but it still dose NOT allow any space around the banner.

Take a look http://www.theeclub.com

DT

10
wtravel
Re: Header Bar

Hi David,

You will also need to add this class to your css file. And make sure you do not have a conflicting class in the css file, like general behavior for IMG tags. This usually will work well, but some browsers do not handle this correctly.

Martijn

Login

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Sep 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!