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.
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.
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
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.
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
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
You should close DW for a week and concentrate on learning HTML & CSS code. This is required learning to use DW.
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
Learn CSS positioning in 10 Steps
Adobe Developer's Center - Creating your first web site in DW
When things go wrong, use the code validation tools below & fix reported errors. Code errors cause 98% of layout problems.
Code Validation Tools
HTML - http://validator.w3.org/
Good luck with your project!
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
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.