Skip navigation
Get Diggin
Currently Being Moderated

Preview wrong & to new to fix

Jul 21, 2012 6:51 AM

Hello gang,

 

I am what you would call a total NEWB, I literally just started using Dreamweaver CS5 and have like zero coding skills lol so I am basically learning as I go. So I have been trying to put together a quick website for a Charitable Campaign I am doing for Children that can be found at kids.getdiggin.com now that URL is going to be important, because if you goto that URL ou will see my problem, when actually visiting the website you can see that at the top you see the Kids Get Diggin Logo and kids under it, those kids are suppose to be to the right of that logo and everything shows perfect in Live Mode AND in Preview mode, but when I uploaded it to the server and visit it regular it looks like it does, also if you see the small picture on the home page of the child, the text it butted right up to the image and in DW I have a margin there and its spaced but not when visitng live. I will be linking a image below of what I want it to look like, and how it looks like in preview mode, but I am WAY to newb to know how to fix this problem that most of you probably just smack your forehead to saying "is this dude serious" lol, but if you can help it would be greatly appreciated.

 

Thanks

-Rich

 

http://i43.photobucket.com/albums/e400/puertoricho/want2look.jpg

 
Replies
  • Currently Being Moderated
    Jul 21, 2012 8:14 AM   in reply to Get Diggin

    Hi -

     

    May I ask why you are using a frameset for your site.

    They are fraught with problems and limitations.

     

    Easy to implement "Server Side Includes" afford all the benefits you need

    for maintaining repetitive content.

     

    Apply "Float" left to your problem top images,and if you use a marhin or mirgin right to the CSS

    your text will move away from the lower image.

     

    .image

        float: left;

        margin: 10px;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2012 8:19 AM   in reply to Get Diggin

    You already used float properly in this image

    <img class="image" width="111" height="137" alt="" src="images/kiddetect.jpg">

     

    Just open your default.css file and make the margin as I posted above and apply the same float class to the top images.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2012 8:56 AM   in reply to Get Diggin

    You're most welcome pal -

    Call me if in the US 914-941-3616

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 21, 2012 9:35 AM   in reply to Get Diggin

    You should close DW for a week and concentrate on learning HTML & CSS code. This is required learning to use DW.

     

    Start here:

     

         HTML & CSS Tutorials - http://w3schools.com/

     

         How to Develop with CSS?

         http://phrogz.net/css/HowToDevelopWithCSS.html

     

         Learn CSS positioning in 10 Steps

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

     

         Adobe Developer's Center - Creating your first web site in DW

         http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.htm l

     

    When things go wrong, use the code validation tools below & fix reported errors.  Code errors cause 98% of layout problems. 

     

         Code Validation Tools

         ------------------------------------

         CSS - http://jigsaw.w3.org/css-validator/

         HTML - http://validator.w3.org/

     

     

    Good luck with your project!

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 22, 2012 11:02 AM   in reply to Get Diggin

    I can not figure out why the about.html shifts, the whole pages just shifts, it is the only page that does that.

    The shift you are seeing is caused by the appearance of a browser scrollbar on long pages and the absence of one on short pages.

     

    To make all pages show a scrollbar region, open your default.css file and paste this into the top.

     

    html {overflow-y:scroll}

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points