Jump to content

virtual

Advanced Member
  • Posts

    876
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by virtual

  1. Dreamweaver is a great tool, but never use Design View, or if you do, just to visually highlight the part you need to work on in the code. Even in CS3 it sucks. In any case you should always test your work in different browsers i.e. Firefox, Chrome, Safari and the different versions of IE, where if you think Dreamweaver has flaws you will be in for a surprise. It's also good to test cross platform or ask someone on Mac to do it for you.

  2. On a set up like this I would make the top rounded area of the news section (just past the curve as small as possible) as part of the header, then a small section of the middle to repeat-y on the content, and put the bottom rounded area as part of the footer, same as header just the smallest part of the curve. The rounded areas of the top and bottom will serve as padding for the content, so

    News

    would actually be at the very top limit of the content area. I hope you get what I mean... :/
  3. Overall and for a first attempt good work.

     

    Just a few remarks

    Yes you do really need to work on those images...

    Our Hours:
    
                       Monday thru Friday:            8:00 - 5:00
    
                       Saturday & Sunday:            8:00 - 7:00
    
    

    That is a big no no.... :rolleyes:

     

    In the footer, I find the text too small, especially the address text is too light and too close together. The image on the right of the footer is also a little fuzzy.

  4. What I did was save the image for web and devices and change the size in here. It becomes stretched or squished.

     

    I think you are missing a concept here, you can resize the image's width OR height. If you try to resize both the width and the height to the exact dimensions you want you will distort either one or the other. Usually an image has to fit widthwise into a div, so that is the size you need to change and the height will resize proportionally if you do the folowing. Resize the image from Image - Image Size, then change the width and be sure to check Scale Styles, Constrain Proportions and set Resample Image to Bicubic if you have a gradient in your image, or Bicubic Sharper if you are reducing size. From the little I read about Content Aware Scaling, you don't really need this at this point for your web images, I think you are just complicating your life unnecessarily.

  5. As you so aptly said that is not the way to do navigation.

     

    You have put your navigation images whose height is 53px within div layer 2 to which you have given a height of 18px. So it cuts it off in some browsers and not others which accomodate your error. It is not to do with the computer screen but the version of the browser that particular computer is running. Your navigation is cut off in IE7 but not IE8 or Firefox.

     

    Don't give up, you've gotten this far and we are here to help out...

  6. Would my linking issue possibly be due to the way my folder structure is?

    Very possibly if your structure is too complicated.

     

    I am struggling with Content Aware Scaling and when I clip the image - it seems that the image does not appear right (too much clipped)

    I don't have CS4, in CS3 I resize the image to the size it has to be on the page then to compress file size I use File - Save for Web and select the settings to get the best possible quality with the least file size. I don't know if this function still exists in CS4?

  7. Ay yay yay, forget absolute positioning. That takes the div out of the normal flow of the web page.

    You do not have to give the container div any other positioning apart from the width you want it to be and margin: 0 auto; That will center it on any screen size. For example

    
    
    All your other content goes within this section
    
    

     

    #container {
    width: 960px;
    margin: 0 auto;
    }

     

    This is just the bare bones for positioning. And not all your content has to go within

    tags.

    Position by default is static, so you don't have to declare it. Read this article on positioning, it will help you understand better.

    http://www.barelyfitz.com/screencast/html-training/css/positioning/

×
×
  • Create New...