vb.org Archive - Please help this noob with an easy html question on banner code

Page 1 of 2

Show 40 post(s) from this thread on one page

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

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

- - Please help this noob with an easy html question on banner code (https://vborg.vbsupport.ru/showthread.php?t=129815)

dodgeboard.com

10-24-2006 12:44 AM

Please help this noob with an easy html question on banner code

1 Attachment(s)

I have been searching the fourms for the answer to this to no avail..

I have a three peice logo and want to set it up so that the banner is fluid and adjusts for all screen widths

All I know is that defaultheader3pc_left.png should be aligned left
defaultheader3pc_center.png shoud be repeated to take up any space
defaultheader3pc_right.png should be aligned at the right side

Can anyone help me with the header code for this?

Thanks in advance to the genius that helps me with the code!

sebbe

10-24-2006 01:24 AM

At the top of my head this should work:

HTML Code:

<table width="100%">

        <tr>

                <td><img src="defaultheader3pc_left.png" alt="" /></td>

                <td width="100%" style="backround-image: url(defaultheader3pc_center.png); background-repeat: repeat-x;">&nbsp;</td>

                <td><img src="defaultheader3pc_right.png" alt="" /></td>

        </tr>

</table>

dodgeboard.com

10-24-2006 02:45 AM

I want to thank you IMMENSLY for helping me with this.

So,,, I pasted the code in my header...

Code:

<!-- logo -->

<table width="100%">

        <tr>

                <td><img src="http://dodgeboard.com/images/defaultheader3pc_left.png" alt="" /></td>

                <td width="100%" style="backround-image: url(http://dodgeboard.com/images/defaultheader3pc_center.png); background-repeat: repeat-x;">&nbsp;</td>

                <td><img src="http://dodgeboard.com/images/defaultheader3pc_right.png" alt="" /></td>

        </tr>

</table>

<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output

And I am close....but the center tiled image is missing. Did I do something wrong? Any ideas?

example:
http://www.dodgeboard.com/?styleid=1

Primeval

10-24-2006 03:21 AM

Code:

url ('http://dodgeboard.com/images/defaultheader3pc.png')

try that one.

dodgeboard.com

10-24-2006 03:35 AM

I reverted the headinclude template, shrunk the images down to 100 pixels high and made the syntax change (per above- thanks Primeval)...... But it's still not showing the center image.

Main table width settings are set to 100% so I used the phrase variable - trying all kinds of different things.

current header template:

Code:

<!-- logo -->

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

        <tr>

                <td><img src="http://dodgeboard.com/images/defaultheader3pc_left100.png" alt="" /></td>

                <td width="100%" style="backround-image: url('http://www.dodgeboard.com/images/defaultheader3pc_center100.png'); background-repeat: repeat-x;">&nbsp;</td>

                <td><img src="http://dodgeboard.com/images/defaultheader3pc_right100.png" alt="" /></td>

        </tr>

</table>

<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output

To the one who figures this out...

PM me your paypal addy for a cool ten spot!!

http://www.dodgeboard.com/?styleid=1 <-- this is the style I am testing with

Primeval

10-24-2006 04:14 AM

LOL I just figured it out

Code:

<!-- logo -->

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

        <tr>

                <td><img src="http://dodgeboard.com/images/defaultheader3pc_left100.png" alt="" /></td>

                <td width="100%" style="background-image:url('http://www.dodgeboard.com/images/defaultheader3pc_center100.png'); background-repeat: repeat-x;">&nbsp;</td>

                <td><img src="http://dodgeboard.com/images/defaultheader3pc_right100.png" alt="" /></td>

        </tr>

</table>

<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output

Tried and tested true.

dodgeboard.com

10-24-2006 04:19 AM

That DID it YEAHHHHHHHHHH!!!!

PM me your paypal addy - you the winner!!

I'm so happy!!

I am looking at the code and can't see whats different

Primeval

10-24-2006 04:21 AM

Apparnetly sebbe just simply mispelled background. I was looking at that line specifically to figure out wtf is wrong with it.

dodgeboard.com

10-24-2006 04:35 AM

I've been racking my brain for hours over this. Guess I need to learn to spell too!

Thanks bud! $ sent

Lets see if you can answer this one...

Is there a way to get the right image to kind of center itself over the background space (so it doesn't go all the way to the right) when displayed on high resolutions? so it doesn't go all the way to the right unless the resolution is low. In other words, center itself over the background (so ther are equal parts og the background image on each side of the image that is currently on the right) but not overlap the left image.

If not, I am happy with this...

(The solutoins worth another ten spot)

sebbe

10-24-2006 10:40 AM

Hahhah sry, because I misspelt it you had to go crazy over it! :knockedout:

This should work for your second thingy, and I've checked already for spelling mistakes! :p

HTML Code:

<table width="100%">

        <tr>

                <td><img src="defaultheader3pc_left.png" alt="" /></td>

                <td width="50%" style="background-image: url(defaultheader3pc_center.png); background-repeat: repeat-x;">&nbsp;</td>

                <td><img src="defaultheader3pc_right.png" alt="" /></td>

                <td width="50%" style="background-image: url(defaultheader3pc_center.png); background-repeat: repeat-x;">&nbsp;</td>

        </tr>

</table>

All times are GMT. The time now is 12:07 AM.

Page 1 of 2

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01174 seconds Memory Usage 1,749KB 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 (4)bbcode_code_printable (2)bbcode_html_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)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 pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: