Grow your CSS skills. Land your dream job.

PSfile to site

  • # September 30, 2008 at 11:39 am

    I LOVE the video on converting a photoshop file to CSS/html, it totally reinforced my already limited knowledge of CSS and html. I feel more more confident to start designing a site.

    I only got confused on ONE part. Why did setting the bottom padding on the quick jump div push the remote image Down?? that totally threw me for a loop. otherwise wow!

    # September 30, 2008 at 6:14 pm

    well it could be because browsers have their own settings for margins and padding. So setting the rules for this will remove the browser defaults and go with yours.

    for example. if you just code one single image into a file using the <img> tag. it will be placed in the upper left corner of the browser. There will be some white space on the left and top of the image. If you use css to set the margin and padding on that image to 0. You will when you refresh the screen that the image will move further left and up in the browser window. You must remember when designing that all browsers have their own css rules. So resetting the rules before you start to design your site, could help you. I think the fastest way to do this is by using this rule

    * { margin: 0; padding: 0; }

    the start " * " tells the css to apply it to all rules

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".