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 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

Who's Online

126 user(s) are online (87 user(s) are browsing Support Forums)


Members: 0


Guests: 126


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits