RSS Forums RSS
Please support our Site Layout and Usability advertiser: Internet Marketing Services
Views: 1498 | Replies: 3
Reply
Join Date: Aug 2005
Posts: 4,832
Reputation: iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light 
Rep Power: 17
Solved Threads: 324
iamthwee's Avatar
iamthwee iamthwee is offline Offline
Industrious Poster

Help meeeee

  #1  
Nov 24th, 2005
Lets say I have a banner, which sits and the top of my internet page. I've designed it so it fits perfectly on my screen, given my screen's width.

However, every1 has screen of different widths. How do i get my banner to perfectly fit anybody's screen.

All the big guns appear to do this pretty easily. Like Micro$oft. It always fits gud. How do they do this? Is it difficalt? I'm a nubee.

God bless

:surprised
... the hat of 'is this a cat in a hat?'
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Jul 2004
Location: Wales
Posts: 735
Reputation: DaveSW is on a distinguished road 
Rep Power: 6
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: Help meeeee

  #2  
Nov 25th, 2005
2 options:
1) size your image using percentages.
2) set a div as your top header. put one image in and float it to the left. then put another image in that will sit on the right, using text-align right.
You can also assign your image as a css background, and make it so that the bit that falls off the right is optional...

We really need to see your header to suggest specific strategies.
Reply With Quote  
Join Date: Aug 2005
Posts: 4,832
Reputation: iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light iamthwee is a glorious beacon of light 
Rep Power: 17
Solved Threads: 324
iamthwee's Avatar
iamthwee iamthwee is offline Offline
Industrious Poster

Re: Help meeeee

  #3  
Nov 25th, 2005
the title bar will contain mouse overs for naviagtion.

Here it is...

When u upload u have 2 right click and extract to run proberly.
Attached Files
File Type: zip twee.zip (34.3 KB, 8 views)
... the hat of 'is this a cat in a hat?'
Reply With Quote  
Join Date: Nov 2005
Location: South Africa
Posts: 24
Reputation: vangraan is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
vangraan vangraan is offline Offline
Newbie Poster

Re: Help meeeee

  #4  
Nov 26th, 2005
You need to make it so it grows and shrinks with the page.

This means your header should always use 100% of the page width. Then you need a section which will grow and a section that will stay the same(usually the section with the logo).

Check www.intus.co.za for what i mean. The left hand side of the page grows and shrinks but the right hand side always stay the same. The section that stays the same can just be a normal image and the section that changes size can be a background image that repeats.

Say your header will be a table the code will look something like this:

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="20%"><img src="logo.gif"></td>
<td width="80%" style="background-image:url(repeat.gif);background-repeat:repeat-x;">&nbsp;</td>
</tr>
</table>

Hope this helps
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes
Forums | Blogs | Tutorials | Code Snippets | Whitepapers | RSS Feeds | Advertising
All times are GMT -4. The time now is 5:15 am.
Newsletter Archive - Sitemap - Privacy Statement - Contact Us
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC