Logo header

They have: 45 posts

Joined: Mar 2002

Hi,

Im having trouble with this banner i have which is around 900 pixels wide (here) I made it this big because its a gunblade which goes with my site's layout.

This banner i made is used for my forum's header, the only problem is, is that there happens to be a white gap at the far right of the banner instead of the banner going FULLY across like what you have done with your banner up there.

The html i used is;

Quote:

I was wondering if that was the right html i used for my image to be stretched across the screen with any resolution?

I would link you to my forums to see it for yourself but it might be taken as a form of spam so if you would like to see the forum then check my profile and go to the forums. Confused

mairving's picture

They have: 2,256 posts

Joined: Feb 2001

We have no problem with your providing a link to your forum. A couple of things to consider. One is that the image is too big. It should only be about 760px max. But that is not what you asked. You might also rethink what you are trying to do. The only way that you could have the image stretch to fit the screen is to tile it using stylesheets. Of course, the image would repeat so that this would look kind of odd. What I would do is first, instead of making the picture a background image, just use the inside of a tag. Then change the background cell color so that the end (white space) is not so noticable. You could also use some css like this:

<?php
td
.back {
       
background-color: #;
       
background-image: url(images/forumheader.jpg.gif);
?>

Then in you tag, &nbsp

Mark Irving
I have a mind like a steel trap; it is rusty and illegal in 47 states

Busy's picture

He has: 6,151 posts

Joined: May 2001

Quote: Originally posted by Venomous_One

%" height="191" background="images/forumheader.jpg">

probably just a typo but make sure the percentage isn't at the end of the 1024 width

They have: 4 posts

Joined: Jun 2002

I sort of liked 1024% - I just figured that the image would extend from my computer to the computer next to mine, and then the next one, and the next one... Smiling.

I suppose that depending on how the browser's rendering engine interprets this, the image may or may not be scaled off the screen.

From the HTML spec:

Quote: Note that lengths expressed as percentages are based on the horizontal or vertical space currently available, not on the natural size of the image, object, or applet.

Since the percent scaling you are requesting with 1024% is clearly beyond the currently available area, would it be wrong for a browser to scale the image so that you only saw 10% of the resultant image?

-t

myOstrich Internet OpenSRS Domain Names for Less

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Here's the thing -- the scalability of the header on these forums requires a repeating segment of the image. Not stretching it.

So in the background, a repeated image (like Mark's sample), and then on top of that, the images that make it *appear* to be one image.

There is no part of your image that will serve as a repeating element.

You mght want to make the image as wide as you think most people will view (or wider) and fade it out to the background colour, then don't have it repeat at all. Let people with smaller resolutions only see as much as shows.

They have: 45 posts

Joined: Mar 2002

thanks for the help.

I found out that the index.php page was aligned to the left making my banner have a gap so im going to edit the forumhome template for the forums.

once again thanks for the help.Cool

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.