Solved

vertical strip

Posted on 1998-04-13
4
592 Views
Last Modified: 2013-12-25
Hello,

I am creating some pages with a blue vertical strip on the left side while the rest of the page is white. Just like e.g. the search result pages of hotbot.
The background image that one uses to make such a page is usually only a couple of pixels high but on several different sites it is between 1280 and 3000 pixels
wide. Why is this?
And if I want to create a blue vertical strip on the right side of the page, what are then more or less the proportions? (I have seen one page with an image size:
width 720 pixels and height 12 pixels)

Thanks,
Frank
0
Comment
Question by:frankhoofd
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 
LVL 2

Expert Comment

by:gravity
ID: 1866603
They do it to save image space - If you have a file that has only 4 blue pixels in it, and then strech it via the height and width tags, it is going to load quicker and save disk space.
0
 
LVL 1

Expert Comment

by:dagon
ID: 1866604
it needs to be at least 1280 to stop it repeating on those of us with high resolution screens. It really annoys me all the people who have the image 800 wide so i get another verticle strip half way across the screen
0
 
LVL 6

Accepted Solution

by:
tecbuilder earned 150 total points
ID: 1866605
There is no real good way of determining were to put the blue stripe on the right side because of the different screen resolutions that you have to deal with.  All the way from 640 pixels wide to 1280 pixels.  If you put the blue stripe at 600 pixels then it will show up well for low screen res. monitors, but it will look very bad for 800 pixel wide monitors and larger.

If you are really adimant about having a right side stripe, my suggestion would be to make it show up for an 800 pixel wide resolution.  And then put everything you want displayed on the page within a table that has its width set to 760 pixels (must allow for the scrollbar).  This way for those screens larger than 800 pixels won't get an image running down through the middle of the document, since your page's code is completely contained within the table and the table limits how much of the screen can be used.  The only problem that you run into with this idea is for the low screen resolutions (640x480).
0
 

Author Comment

by:frankhoofd
ID: 1866606
Thanks everyone!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question