Help Please

[fahl]

I need to make fluid header,Searc someone will say,Already have,totally lost me.
Have an excuse,recovering from heart problems so cant concentrate.

I have this in header

   <div class="headerrightl">
    <img src="images/twisteddark/misc/header_banner.jpg" /><img src="images/twisteddark/misc/header_banner_bg.gif." /><img src="images/twisteddark/misc/header_banner_right.gif" />
   </div>

And this in Header css

.headerrightl {
background: url(images/twisteddark/misc/headerrightlbg.gif) no-repeat top left;
height: 140px;
padding-left: 15px;
padding-top: 40px;
}

Thats as far as i can get
This is what i am trying to do,
insert header into black box part.



Thanx

[mmoore5553]

So you are using twisted dark from completevb .... are you wanting the image to span all the way ? Just PM me and i can work that out for you or post on completevb site. I am there support over there.

[fahl]

Thanx mmoore5553,I have posted at completevb.

[TheLastSuperman]

Originally Posted by fahl

Thanx mmoore5553,I have posted at completevb.

Well you two... that does no one here any good if they ever come, search like you did... find this and tada, posted @ completevb... dead is their efforts much like yours.

Care to share?

I could remedy this now by giving the answer but I only cleanup after my kids

[mmoore5553]

Once i make the changes I will post here yes ... I just like to have it both places that way if someone has a question it is in both places since this is a style over there .

But just from looking he needs to only use one image and go ahead and put the repeat -x

but I am testing to be sure that is all that needs to be done.

also cleanup anywhere is always good ..even if not your kids lol ...

[fahl]

Sorry if i shook your tree TheLastSuperman,i had no intention of doing so.
But i suspect real reason for my being asked to post over at Complete vb was to check if i had a licenced version of skin.
I think i would have done the same.

I could remedy this now by giving the answer but I only cleanup after my kids

I did explain that i am recovering from recent heart attack & cannot do this myself at moment.

So if you could remedy this why did you not do it,Its nothing to do with cleaning up,Just good old fashioned help.
Others are not as fortunate as you with coding ability

[mmoore5553]

Okay i made this really simple. Here is the code of your header. I have attached the new header.

<!-- logo -->
<a name="top"></a>
<div class="header">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://www.completevb.com/images/twisteddark/misc/header.gif" border="0" alt="$vboptions[bbtitle]" /></a>
</div>
<div class="headerrightbg">
<div class="headerrightr">
<div class="headerrightl">


<img src="http://www.completevb.com/images/twisteddark/misc/header_banner.jpg"/></img>

</div>
</div>
</div>

<div style="clear:both"></div>
<!-- /logo -->

[TheLastSuperman]

Ahh I was just saying, no offense I hope however I WUV U GUYS for coming back to post!

[fahl]

Finally sorted like this

In header
change this

<!-- logo -->
<a name="top"></a>
<div class="header">
 <a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/twisteddark/misc/header.gif" border="0" alt="$vboptions[bbtitle]" /></a>
</div>
 <div class="headerrightbg">
  <div class="headerrightr">
    <span class="headerlinks">
    <a href="index.php">Home</a>  |     <a href="faq.php">About Us</a>   |    <a href="sendmessage.php">Contact Us</a>
    </span>
   <div class="headerrightl">
    <img src="images/twisteddark/misc/banner11.gif" alt="Banner 11" />
   </div>  
  </div>
 </div>
<div style="clear:both"></div>
<!-- /logo -->

To this Obviously change your url/images to suit your board

<!-- logo -->
<a name="top"></a>
<div class="header">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://www.xxxxxx.us/images/twisteddark/misc/header.gif" border="0" alt="$vboptions[bbtitle]" /></a>
</div>
<div class="headerrightbg">
<div class="headerrightr">
<div class="headerrightl">


<table width="97%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="width: 663px; height: 125px; background-image:url($stylevar[imgdir_misc]/header_banner.jpg); background-repeat:no-repeat;"></td>
    <td style="background-image:url($stylevar[imgdir_misc]/header_banner_bg.gif);">&nbsp;</td>
    <td style="width: 41px; background-image: url($stylevar[imgdir_misc]/header_banner_right.gif); background-repeat:no-repeat;"></td>
  </tr>
</table>

</div>
</div>
</div>

<div style="clear:both"></div>
<!-- /logo -->

In CSS header
change this

.headerrightl {
background: url(images/twisteddark/misc/headerrightlbg.gif) no-repeat top left;
height: 86px;
padding-left: 22px;
padding-top: 41px;
}

to this
change dimensions to suit your board

.headerrightl {
background: url(images/twisteddark/misc/headerrightlbg.gif) no-repeat top left;
height: 140px;
padding-left: 20px;
padding-top: 40px;
}