vb.org Archive - Remove spacing between header and navbar?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - Remove spacing between header and navbar? (https://vborg.vbsupport.ru/showthread.php?t=132892)

Remove spacing between header and navbar?

I've looked around, and I've pulled the extra break out, as well as putting "margin-top:0px;" in the CSS body of this style, but this gap remains between the buttons and the navbar:

http://www.sevenstring.org/chris/spacingquestion.jpg

Site: http://www.sevenstring.org

I'm not sure what I'm missing/doing wrong to get that space out of there so that the buttons, which are in the header, sit flush on top of the navbar. Any insight would be appreciated. Thanks!

Edit: Blargh, this should probably be in the design forum.

Maybe try removing this one br i found?

Code:

<!-- /nav buttons bar -->



<br> 







<!-- NAVBAR POPUP MENUS -->

Nah, that's well below where I'm tryin' to strip it - thanks though. :D I have a view source opened up in HTML-Kit and I'm snipping everything out of it, but I still can't find what's making the space.

[high]* Guest210212002 goes insane
[/high]

Code:



</table>

<div align="center">

 <div class="page" style="width:95%; text-align:left">

  <div style="padding:0px 0px 0px 0px">





<!-- breadcrumb, login, pm info -->

<table class="tborder" cellpadding="3" cellspacing="1" border="0" width="100%" align="center">

That code there is causing it - it seems like it's forcing the space, because one table ends and another starts. I'm just not sure how I can get around it.

I'm playing with it also.

Do this

Change your border to 1 on the table. You get the alignment. Strange..... the images appear to be flat to the bottom too.

Or get rid of the header all together - you flush to the top of the page. HMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM

Here's the super slimmed down code version:

Code:



<head>

<style type="text/css" id="vbulletin_css">

<!--

/* vBulletin 3 CSS For Style 'Sevenstring.org' (styleid: 2) */

body

{

        background: #000000 url(http://www.sevenstring.org/forum/images/back.gif) repeat;

        

}



.alt1, .alt1Active

{

        background: #333333;

        color: #CCCCCC;

        font: verdana

}

.alt2, .alt2Active

{

        background: #555555;

        color: #CCCCCC;

        font-size: 12px;

}



-->

</style>



<!-- / CSS Stylesheet -->





</head>

<body>

<table border="0" height="42" width="95%" cellpadding="0" cellspacing="0" align="center">

<tr>

<td align="left"><a href="index.php"><img src="http://www.sevenstring.org/forum/images/navigation/chatbutton.gif" border="0" alt="Sevenstring.org" /></a></td>

<td align="right">

<a href="http://www.sevenstring.org/forum/view.php?pg=chat"><img border="0" src="http://www.sevenstring.org/forum/images/navigation/chatbutton.gif" alt="Chat Room" /></a>

<a href="http://www.sevenstring.org/forum/guitar.php?do=main"><img border="0" src="http://www.sevenstring.org/forum/images/navigation/registrybutton.gif" alt="Sevenstring Registry" /></a>

<a href="http://www.sevenstring.org/forum/view.php?pg=donate"><img border="0" src="http://www.sevenstring.org/forum/images/navigation/supportbutton.gif" alt="Support Us" /></a></td>

</tr></table>

<table width="95%" align="center">

<tr>        <td class="alt1" width="100%">

<img src="http://www.sevenstring.org/forum/images/misc/navbits_square.gif" alt="" border="0" /></a> Sevenstring.org</div>

</td>

<td bgcolor="#333333" valign="top" nowrap="nowrap">pm inbox                </td></tr></table>

That's just me ripping things out and seeing if it still does it, and it does.

lol, this is drivin' me nuts. :D

Quote:

Originally Posted by ZacUSNYR (Post 1128848)

I'm playing with it also.

Do this

Change your border to 1 on the table. You get the alignment. Strange..... the images appear to be flat to the bottom too.

Ok, that's even wierder.

Here's no borders:

http://www.sevenstring.org/chris/buttonq_nob.jpg

And with border="1"

http://www.sevenstring.org/chris/buttonq_withb.jpg

Edit: Actually, the gap's still there. Hrm.

Yes but the gap between the border and the images should not be there - I know the images look right - but lets re-cut them and try it.

Here's a plain old white image in it's place, there's definitely a gap:

http://www.sevenstring.org/chris/spacingq_test1.jpg

yea I see it. Don't understand it it though.

I got this figured out. It ended up being a problem with the image size - I'm not sure if they were too big or too small, but farting around with sizing made them line up:

http://www.sevenstring.org/chris/navbarq_solution.jpg

Now I just need some semblance of photoshop talent. :D

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01916 seconds Memory Usage 1,734KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: