shayrgob Posted June 21, 2004 Posted June 21, 2004 Hi, I want to modify my banner so that it fills up the entire width of the screen but does not go over and create the scrollbar at the bottom of the page. Thanks :D
sosidge Posted June 21, 2004 Posted June 21, 2004 750 pixels is a good width if you're optimising for 800x600 (which everyone should be!). That assumes you've changed header.php so the default osCommerce images for checkout etc aren't displayed, or are placed away from your banner. - osCommerce is fun! -
shayrgob Posted June 21, 2004 Author Posted June 21, 2004 Is there not a way to do it so that anyone can see it with whatever resolution they are using?
Acheron Posted June 22, 2004 Posted June 22, 2004 I would recommend using a high resolution graphic and using percentage instead of pixel size if you would like it to appear properly for the largest number of people. Even better, use an 'open' banner where the the background color of the image matches the background of the page so that in the event that it doesn't 'fit' properly for a particular user, they won't really be able to tell. Optimizing the banner for users on 800x600 isn't really ideal considering most users use a higher resolution than that these days. It was a good benchmark a couple years ago but is outdated now. Using 1024x768 or even higher as a guideline would be better by today's standards.
shayrgob Posted June 22, 2004 Author Posted June 22, 2004 Thanks How would I go about making the banner a percentage size? :blink:
sosidge Posted June 22, 2004 Posted June 22, 2004 It depends on the banner really. Some banners have to be a certain width, because of their design - for example, the banner at www.rc-direct.co.uk is complex, and has to be the width it is. You can also build the banner up with a variety of graphic pieces, and then the browser can load more of them to fill it's width. For example - at www.rc-uk.co.uk we have a banner than dynamically stretches to fill the width. It's built with a background of 1 pixel wide slices (the browser draws keeps drawing the slice until it reaches the end. The "<rc-uk> and flag elements are both gifs in the foreground - the browser lays them on top of the background. Code for that banner looks like this... (note it is not osCommerce code, but the principles can be brought across) <table cellspacing="0" cellpadding="0" border="0" align="center" width="95%" class="tborder"> <tr style="background-image: url(', $settings['images_url'], '/rcuk-union-jack-link-2.gif);"> <td valign="middle" align="left" style="padding: 0px;"><a href="http://www.rc-uk.co.uk"><img src="', $settings['images_url'], '/rcuk-union-jack-2a.gif" alt="rc-uk" border="0" /></a></td> <td valign="middle" align="right" style="padding: 0px;"><img src="', $settings['images_url'], '/rcuk-union-jack-3b.gif" alt="" border="0" /></td> </tr> </table> - osCommerce is fun! -
shayrgob Posted June 22, 2004 Author Posted June 22, 2004 Thats kinda above my level. What width should the banner be to fill up a normal 1024x768 resolution. I thought the width would be 1024 but that went over the limit Thanks :lol:
241 Posted June 22, 2004 Posted June 22, 2004 you need to take into account any blind margins borders cellspacing cellpadding etc No longer giving free advice. Please place deposit in meter slot provided. Individual: [=] SME: [==] Corporation: [===] If deposit does not fit one of the slots provided then you are asking too much! Is your Osc dated try Phoenix raising oscommerce from the ashes.
Guest Posted June 23, 2004 Posted June 23, 2004 I don't know if it's helpful, but I made my banner to be 790 pixels wide. I think it looks alright in either resolution. It should look alright in either resolution, but you can use this tool below if you want to see it in different resolutions for yourself. http://applythis.com/browsersizer
Recommended Posts
Archived
This topic is now archived and is closed to further replies.