1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Good At Photoshop/CSS/HTML?

Discussion in 'Web Design' started by dreadnought2020, Feb 13, 2012.

  1. dreadnought2020

    dreadnought2020 Junior Member

    Joined:
    Jul 9, 2010
    Messages:
    186
    Likes Received:
    329
    Hey guys I'm trying to get an image map to work that I've created on photoshop. It's 1000x800 which was recommended. I'm having a problem. It's not filling the browser width-ways which suggests maybe it needs to be wider. There's a white margin down the righthand side.

    I know it's noob-ish but photoshop image mapping is new to me and it's kind of stressing me out!! Help would be much appreciated and I'll give rep for help.

    I've tried looking for tutorials but nothing seems to help. I'm using Safari on a macbook pro which may or may not help.

    Cheers!
     
    Last edited: Feb 13, 2012
  2. veena

    veena Newbie

    Joined:
    Mar 29, 2012
    Messages:
    7
    Likes Received:
    0
    both are important in web design
     
  3. markden

    markden Regular Member

    Joined:
    Feb 11, 2012
    Messages:
    223
    Likes Received:
    3
    Occupation:
    Software Devloper
    Location:
    India
    Hello
    I m Experience Web-Designer. I can do this job for a cheap price.
    Please add me on skype to discuss about your project (ashish.kushwaha4)
     
  4. stoichen

    stoichen Newbie

    Joined:
    Jan 6, 2009
    Messages:
    46
    Likes Received:
    10
    Location:
    Scotland
    The problem is that you will never know how wide the user's screen will be because there are so many combinations of screen sizes and resolutions.

    To make something that is flexible enough you need to have a portion that can expand to accomodate different browser widths. The approach depends upon the colours or patterns at the side of your map.

    The simplest would be if the right hand side was a solid colour all the way down:

    In your HTML/CSS you could create a DIV to hold your image map and then apply the same background colour to your body tag that would match the side of your image.

    If you have a repeating pattern, you could create a thin seperate image and then apply that to your body tag using the background-repeat in your CSS.