Skip navigation
Get Diggin
Get Diggin Calculating status...
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

682 Views   8 Replies   Latest reply: Nancy O., Jul 22, 2012 11:02 AM
 
Replies
  • Ken Binney
    Currently Being Moderated
    1. Ken Binney,
    Jul 21, 2012 8:14 AM   in reply to Get Diggin
    Report

    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:
  • Get Diggin
    Currently Being Moderated
    2. Get Diggin,
    Jul 21, 2012 8:15 AM   in reply to Ken Binney
    Report

    I am so newb I can not even answer that lol, I started off with a template and worked from that. how do I do the float left thing? I need to learn Dreamweaver more, and I plan to but I really need to get the page done lol so I am really this sadly bad at it for now trying to rush to get it done

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

    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:
  • Get Diggin
    Currently Being Moderated
    4. Get Diggin,
    Jul 21, 2012 8:42 AM   in reply to Ken Binney
    Report

    lmao ok I am going to be honest with you, and show my true newbness of all newbs.. I kept looking at it and I kept saying "everything is just like he is saying, I have no idea what to do", come to find out lol I only uploaded the HTML files and never reuploaded the default.css lol, that shows how complete newb I am....Trust me though I will learn DW! lol, I am more of a Illustrator man, I have been in Illustrator for 5 years and love it and Photoshop for 10. It is just i need a website in a hurry so went out and got the best of the best to make it, and then installed it and found out it was just a bit harder then I imagined =]p

     

    Thank you very much though for your help. and I think it looks right now, I hope I did not mess anything up in the CSS when I was trying to tweak stuff a million times =]p

     

    Thanks.

    Rich

     
    |
    Mark as:
  • Get Diggin
    Currently Being Moderated
    5. Get Diggin,
    Jul 21, 2012 8:52 AM   in reply to Get Diggin
    Report

    I do have one more newb question though, I can not figure out why the about.html (or 'What we do' tab) shifts, the whole pages just shifts, it is the only page that does that. I tried even redoing the whole page and it still does it so it has to be some silly little error somewhere that I do not understnad

     

    -Rich

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

    You're most welcome pal -

    Call me if in the US 914-941-3616

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

    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:
  • Nancy O.
    Currently Being Moderated
    8. Nancy O.,
    Jul 22, 2012 11:02 AM   in reply to Get Diggin
    Report

    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:
Actions

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