Insert image above Navbar

[Astovidatu]

Hi,
I tried to Insert an image right above the navbar next to the Welcome Text. When I do so the table just gets completly messed up. I just Inserted an <img> tag but as I said the table then gets totally messed up. Thx for help.

I attached an image so you can see what i wanna do.

[Jake Bunce]

You want the image to be between the location bits and welcome box?

Try this... find this code in your navbar template and add the red code:

		<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
		</if>
	</td>	

	[color=red]<td class="alt1">
		IMAGE CODE HERE
	</td>[/color]

	<if condition="$bbuserinfo['userid']">
	
		<td class="alt2" valign="top" nowrap="nowrap">
		<div class="smallfont">

[Astovidatu]

Ok, that works. Only that I have about 1-2 pixels space around the Image wich shouldnt be there. How do I remove those spaces?

[Jake Bunce]

That might be cell padding or it might be image border. Can you post a link?

[Astovidatu]

Doesent look like border to me and <td cellpadding="0"> doesent work either...
Link: www.security-board.org

[Boxy]

It would be the cellpadding of the table not a td.

[Astovidatu]

Thats the table:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

But if I now insert "0" there, the hole thing (navbar) looks a bit weird.
Cant I declare a cellpadding="0" just for a <td>, with CSS may be?

[Jake Bunce]

Cant I declare a cellpadding="0" just for a <td>, with CSS may be?

Try adding this code to the code I posted before:

		<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
		</if>
	</td>	

	<td class="alt1" [color=red]style="padding: 0px 0px 0px 0px"[/color]>
		IMAGE CODE HERE
	</td>

	<if condition="$bbuserinfo['userid']">
	
		<td class="alt2" valign="top" nowrap="nowrap">
		<div class="smallfont">

[Astovidatu]

Yep, that works. Perfekt! Thanks.

Greets, Asto.

[rebelsrock06]

how would i do it where it would tile the image across the whole length of that area ?

[Jake Bunce]

how would i do it where it would tile the image across the whole length of that area ?

Like this:

		<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
		</if>
	</td>	

	<td [color=red]style="background: url(path/to/background.gif) repeat;"[/color]>
		IMAGE CODE HERE
	</td>

	<if condition="$bbuserinfo['userid']">
	
		<td class="alt2" valign="top" nowrap="nowrap">
		<div class="smallfont">

Change path/to/background.gif to point to the image.