Header and NavBar Question????

[mattfox27]

I'm using a custom graphic in my forums with an html navbar but there is a gap between my buttons and my graphic, the forums can be seen here... http://forums.centurystudio.com

Here is the code i put into the style manger header area...

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://forums.centurystudio.com/cscheader.jpg" border="0" alt="$vboptions[bbtitle]" /><!-- Begin NavBar -->
<link href="cscnavbar-files/styles_xfaq1.css" type="text/css" rel="stylesheet"/>
<style>A#vbUL_xfaq1a{display:none}</style>
<ul id="vbUL_lfaq1" class="vbULxfaq1" style="visibility:hidden;">
<li><a href="http://www.centurystudio.com/about.htm" title="About Us">About&nbsp;Us</a></li>
<li><a title="Clients">Clients</a><img src="cscnavbar-files/arxfaq1.png"/>
<ul id="vbUL_gfaq1" class="vbULxfaq1">
<li><a href="http://www.centurystudio.com/film.htm" title="Film & Television">Film&nbsp;&&nbsp;Television</a></li>
<li><a href="http://www.centurystudio.com/commercial.htm" title="Commercials">Commercials</a></li>
<li><a href="http://www.centurystudio.com/musicvids.htm" title="Music Videos">Music&nbsp;Videos</a></li>
<li><a href="http://www.centurystudio.com/otherclient.htm" title="Other Clients">Other&nbsp;Clients</a></li></ul></li></ul>
<ul id="vbUL_nfaq1" class="vbULxfaq1" style="visibility:hidden;">
<li><a href="http://www.centurystudio.com/3322.htm" title="Stage 1 & 2">Stage&nbsp;1&nbsp;&&nbsp;2</a></li>
<li><a href="http://www.centurystudio.com/8660.htm" title="Stage 3,4,5,6,7">Stage&nbsp;3,4,5,6,7</a></li>
<li><a href="http://www.centurystudio.com/8635.htm" title="Stage 8 & 9">Stage&nbsp;8&nbsp;&&nbsp;9</a></li></ul>
<script type="text/javascript"> var vbImgPath="cscnavbar-files/"</script>
<script type="text/javascript" src="cscnavbar-files/scxfaq1.js"></script>
<table id="vista-buttons.com:idxfaq1" width=0 cellpadding=0 cellspacing=0 border=0><tr><td style="padding-right:0px" title ="Home">
<a href="http://www.centurystudio.com" onmouseover='xpe("xfaq1o");' onmouseout='xpe("xfaq1n");'><img id="xpi_xfaq1" src="cscnavbar-files/btxfaq1_0.png" name="vbxfaq1" width="100" height="25" border="0" alt="Home"/></a></td><td style="padding-right:0px" title ="About Us">
<a href="http://www.centurystudio.com/about.htm" onmouseover='xpe("lfaq1o");xpshow("lfaq1",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_lfaq1" src="cscnavbar-files/btlfaq1_0.png" name="vblfaq1" width="100" height="25" border="0" alt="About Us"/></a></td><td style="padding-right:0px" title ="Contact Us">
<a href="http://www.centurystudio.com/contact.htm" onmouseover='xpe("bfaq1o");' onmouseout='xpe("bfaq1n");'><img id="xpi_bfaq1" src="cscnavbar-files/btbfaq1_0.png" name="vbbfaq1" width="100" height="25" border="0" alt="Contact Us"/></a></td><td style="padding-right:0px" title ="Stages">
<a href="http://www.centurystudio.com/stages.htm" onmouseover='xpe("ffaq1o");' onmouseout='xpe("ffaq1n");'><img id="xpi_ffaq1" src="cscnavbar-files/btffaq1_0.png" name="vbffaq1" width="100" height="25" border="0" alt="Stages"/></a></td><td style="padding-right:0px" title ="Facilities">
<a onmouseover='xpe("nfaq1o");xpshow("nfaq1",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_nfaq1" src="cscnavbar-files/btnfaq1_0.png" name="vbnfaq1" width="100" height="25" border="0" alt="Facilities"/></a></td><td style="padding-right:0px" title ="Specials">
<a href="http://www.centurystudio.com/specials.htm" onmouseover='xpe("hfaq1o");' onmouseout='xpe("hfaq1n");'><img id="xpi_hfaq1" src="cscnavbar-files/bthfaq1_0.png" name="vbhfaq1" width="100" height="25" border="0" alt="Specials"/></a></td><td style="padding-right:0px" title ="Equipment">
<a href="http://www.centurystudio.com/equipment.htm" onmouseover='xpe("jfaq1o");' onmouseout='xpe("jfaq1n");'><img id="xpi_jfaq1" src="cscnavbar-files/btjfaq1_0.png" name="vbjfaq1" width="100" height="25" border="0" alt="Equipment"/></a></td><td style="padding-right:0px" title ="Forums">
<a href="http://forums.centurystudio.com" onmouseover='xpe("kfaq1o");' onmouseout='xpe("kfaq1n");'><img id="xpi_kfaq1" src="cscnavbar-files/btkfaq1_0.png" name="vbkfaq1" width="100" height="25" border="0" alt="Forums"/></a></td></tr></table>
<a id="vbUL_xfaq1a" href="http://vista-buttons.com">Html Menu by Vista-Buttons.com v4.3.0</a>
<!-- End NavBar -->


<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else /></if>
</td>
</tr>

</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

[Princeton]

try adding an empty cell to the end of the table

<td>&nbsp;</td>

[mattfox27]

no, it didn't work...

[mmoore5553]

Looks like your CSS . Like your padding. I would adjust it. It has 2px. I can not see all your CSS but i seen it was in your cscnavbar-files/styles_xfaq1.css. Are you trying to take the space away or add ?

[mattfox27]

I'm trying to get rid of that space between the dhtml buttons and the header...what would i change, im new to html ect...

[mmoore5553]

Look at your /styles_xfaq1.css. That contains padding. Since i can not view it all to check. I would start there ...where padding is 2px. Change lower.

[mattfox27]

i see...whats weird is on my main website, when i use the same dhtml code for the buttons it doesn't have that gap. www.centurystudio.com
i will try changing the padding and see what happens....

[mmoore5553]

okay keep us posted. Also i took a look and seen in your body you have 5 px. You might want to change that to zero. That will put it flush with the top without your banner.

[mattfox27]

In the body on the forums?

--------------- Added 1253470289 at 1253470289 ---------------

It didn't work...changing the padding in the CSS :(

[mmoore5553]

Hm i would actually need access to find out what the real issue is. Yes the body , it is located in the CSS also or admincp of vbulletin.

[mattfox27]

i will pm you info...

--------------- Added 1253471270 at 1253471270 ---------------

PM sent

[mmoore5553]

Just got in ..will take a look and see what is wrong and post it.


you had the wrong code in the header. I noticed it right off

<td align="$stylevar[left]"><a href="http://forums.centurystudio.com"><img

src="http://forums.centurystudio.com/cscheader.jpg" border="0" alt="Forums Home" ></a>


The red is correct . You had

<a href="http://forums.centurystudio.com"><img

src="http://forums.centurystudio.com/cscheader.jpg" border="0" alt="Forums Home" />

you forgot to close it correctly. The orange is how you had it and the red is corrected code.

[mattfox27]

Did you correct it? i just looked at it and the cscheader.jpg is still not touching the buttons...or are those the correction i need to make?

PS...Thank you so much for your support i really really appreciate it...

[mmoore5553]

yes the issue is resolved. You are probably pulling cache. I tested in FF. Correction i just checked IE and there is a space but now FF is correct.

[mattfox27]

Ya thats wierd in IE i just cleared my cache and everything and it still shows up like that...

[mmoore5553]

Okay check now ..i edited your code. I would actually go back and put everything in divs and make it neater. But i did not change your code but a bit. Added in red and should look okay in IE now.


<td align="$stylevar[left]"><a href="http://forums.centurystudio.com"><img

src="http://forums.centurystudio.com/cscheader.jpg" border="0" alt="Forums Home" style="float: left";></a>

[mattfox27]

Sweet it worked, thank you so much for your help...What do you mean buy puting everything in div tags...Like all the button stuff?

What does the float left tag do?

Thank You so much i have been messing with that for a couple of days now and it was driving me crazy....Thank you

[mmoore5553]

Just putting the header in div tags ...that way you can position it how you like and style it. But you do not need to if you do not want too. It is just saying how to position everything. It is hard to explain. Glad we got it working.

[mattfox27]

Yes thank you so much, again i really appreciate the help, it looks awsome exactly what i wanted...