1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Question About pictures on a Web Page

Discussion in 'Software Development' started by BML, Jan 27, 2002.

Thread Status:
Not open for further replies.
  1. BML

    BML Thread Starter

    Nov 24, 2001
    I created a web page in photoshop where I could play around with the designs and now I'm wanting to put all the individual elements into frontpage to actually build the page. The pictures looked real nice in photoshop with a shadow but I can't seem to figure out how to make this image have the shadow when I insert it to a webpage.

    Is that even possible?

    Also, a related question about page size. Should I make my background image 800x600 or 1024x768? What is the most common browser window setting? How can I make the size so that it will look right on almost everyone's browser?

    If I make it 1024x768 and someone has their browser at 800x600, the whole page is going to look wierd.
  2. Bob Henderson

    Bob Henderson

    May 26, 1999
    Well vanilla web pages just display images from bitmaps so you have to incorporate the shadow effect into the image bitmap somehow by eg using paintshop. Re the size - if you really want to get the right size of image you should check the browser settings with script at the start of the page then set the image size or load the appropriate image using the script to generate the HTML on the fly. I would tend to use javascript, always remembering that the browser may have scripting disabled. Below is a simple script you can add to the head of your page. Note that it may be word-wrapped by the TSG page. Also note that the scrollbars can effect the window size.
    ?=Tag starters removed so that script is displayed.
    ?script language=javascript>
    ?!-- //screen size detection script for ver 4 upwards browsers
    var w, h
    if(navigator.appVersion.substring(0,1) >=4)
    w = window.screen.width;
    h = window.screen.height;
    if (w < 1000)
    document.writeln ("Your PC is set to a screen size of " + w + " x " + h + ".");
    //you could set your image size etc here.
    else if (h < 700)
    document.writeln ("Your PC is set to a screen size of " + w + " x " + h + ". ");
    Stuff happens here if scripting is switched of in browser

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/66606

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice