Log in

View Full Version : I have a stupid "gap" on top of my forums

dekaybrown
04-07-2009, 05:45 AM
<a href="http://www.thamfriends.com/forum/index.php" target="_blank">http://www.thamfriends.com/forum/index.php</a>

Any suggestions??

Those tabs should rest right on top of the forum home field, not 10 mm above it.

My users don't think it's a big deal, Me I'm not so pleased.

Thanks.......
TimberFloorAu
04-07-2009, 06:05 AM
<!-- / nav buttons bar -->

<br />






<!-- NAVBAR POPUP MENUS -->



Looks like its the <br />

:)
dekaybrown
04-07-2009, 06:39 PM
Here is the complete header code....

I couldn't find a "break"

<!-- 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="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>
</tr>
</table>
<!-- /logo -->
<!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=iso-8859-1" />
<title>Tab Menu 1</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

img {
border: none;
}
#tabs1 {
float:left;
width:100%;
background:#F4F7FB;
font-size:93%;
line-height:normal;
border-bottom:1px solid #BCD2E6;
}
#tabs1 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs1 li {
display:inline;
margin:0;
padding:0;
}
#tabs1 a {
float:left;
background:url("tableft1.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs1 a span {
float:left;
display:block;
background:url("tabright1.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#627EB7;
}
#tabs1 a:hover {
background-position:0% -42px;
}
#tabs1 a:hover span {
background-position:100% -42px;
}

#tabs1 #current a {
background-position:0% -42px;
}
#tabs1 #current a span {
background-position:100% -42px;
}
-->
</style>
</head>

<body>

<div id="tabs1">
<ul>
<!-- CSS Tabs Edit Here with your Site Details -->
<li><a href="http://www.thamfriends.com/forum"><span>Forums home</span></a></li>
<li><a href="http://www.thamfriends.com/forum/album.php"><span>Photo Albums</span></a></li>
<li><a href="http://www.thamfriends.com/forum/online.php?"><span>Who's Online</span></a></li>
<li><a href="http://www.danceswithreptiles.com"target="_blank"><span>Dances With Reptiles</span></a></li>
<li><a href="http://www.mountolympuspetsupply.com/"target="_blank"><span>Mt.Olympus Pet Supply</span></a></li>
<li><a href="http://store.herphut.org/"target="_blank"><span>HerpHut</span></a></li>
<li><a href="http://www.albinogartersnake.com/index.html"target="_blank"><span>Scott Felzer</span></a></div>
</li>
</ul>
</body>
</html>
TimberFloorAu
04-07-2009, 07:40 PM
no.

It should/possibly be in your : navbar or header template

Ste
dekaybrown
04-09-2009, 04:52 AM
I simply reverted my header back to "stock"

Re-installed the tabs, paid close attention to the instructions, and the gap is now history, GONE! very happy.

Thanks!
Reycer
04-09-2009, 08:53 AM
I simply reverted my header back to "stock"

Re-installed the tabs, paid close attention to the instructions, and the gap is now history, GONE! very happy.

Thanks!

yeah the gap's gone, but your login box is now off to the far right.
dekaybrown
04-09-2009, 02:07 PM
The log in has always been on the far right, Never saw that as a problem.

That's the VB default location??

Thanks for looking at my forum:)
Reycer
04-09-2009, 02:22 PM
hmmm...when looking at it in Google Chrome it moves your log in box to the right really far. (I'm talking past your banner and everything), but every other browser I've seen it through dosen't do this.
KevinL
04-09-2009, 03:02 PM
It's because the <br /> is gone. It does it in Safari also.
dekaybrown
04-09-2009, 05:06 PM
Cool, so where do I put the <br/> ??

Thanks so much!!!
KevinL
04-09-2009, 06:08 PM
Where you took it out I assume
dekaybrown
04-09-2009, 08:16 PM
To my knowledge, I have removed nothing.....

The only mods I made to the header was to add the tabs menu.:eek:
Lynne
04-09-2009, 08:23 PM
Put a spcae between the " and target in your Tab lines and see if that helps. Run it though an html validator also.
dekaybrown
04-09-2009, 09:39 PM
Thanks, I'll give it a try.
dekaybrown
04-15-2009, 02:14 PM
Problem solved and site improved.

I tossed out the menu tabs in favor of the "drop down" menu, killed 2 birds with one stone, it solved the problem, everything is where it belongs now, and this new menu is awesome!

https://vborg.vbsupport.ru/showthread.php?t=203521
TheLastSuperman
04-15-2009, 02:21 PM
Ahh but in FireFox the gap is back :p

I would tinker around a bit and get it how you want it, ALWAYS open up notepad++ or something and copy the original template entirely to it before modifying... reverting is not always the best idea :erm:.

S-MAN

Edit: And that pasted code up above, is that it now or before the revert? Only reason I ask is parts of the code seem out of place and you don't have some codes within the tags they should be in.
dekaybrown
04-15-2009, 10:18 PM
Hmm, I have been on with firefox, no problems??

The code is before, It's the UKBL menu tabs, the only alterations I did was enter my URLs into the appropriate places??

I'll try clearing my cache and cookies, then see what it looks like.

Thanks:D