Web Analytics Made Easy -
StatCounter fitting page to window - CodingForum

Announcement

Collapse
No announcement yet.

fitting page to window

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • fitting page to window

    Hello,

    I am kinda a newbie to coding. I have downloaded a template off of the internet and I have modified it using dreamweaver. When I view the page on my computer it looks fine, but when I view it in a minimized window or a computer with a different resolution the page is messed up. The template is using css with an image repeating. If you look at http://www.easternshorecleaning.com you will notice that it may look fine but it might not depending on your resolution. However if you minimize it, it will not look good at all. It seems that only the images at the top and the image at the bottom of the pages are not going to the end of the page. If anyone can help it will be much appreciated.

    Thanks,
    Nicholas Greenwood

  • #2
    that's always going to be a problem in wysiwyg html editors. you should learn to hand code your pages and learn "fluid web design techniques".

    here are some fluid layout tutorials
    http://www.google.com/search?hl=en&s...niques&spell=1

    Learn HTML/XHTML/CSS

    Here are examples that you can experiment with right on the web site. Even though you can experiment here you cannot save the results to your computer unless you copy and paste the code into windows notepad and click on FILE/SAVE AS.

    HTML Examples
    http://www.w3schools.com/html/html_examples.asp

    Cascading Style Sheets Examples
    http://www.w3schools.com/css/css_examples.asp

    These pages will help you understand what HTML tags(commands) and their attributes you can use in your pages.
    http://www.w3schools.com/tags/default.asp

    These pages will help you understand what Cascading Style Sheets Rules and their attributes you can use in your pages.
    http://www.w3schools.com/css/css_reference.asp

    Don't be surprised if you don't learn HTML/CSS very fast. Most of us took years to learn to use it proficiently. Even now after 10 years I still don't know it all since it keeps changing all the time. Now instead of HTML we have XHTML and XML. If they keep making it more difficult none of use will be able to write our own code by hand anymore. We will have to use a WYSIWYG HTML editor that writes the coding for you while you drag and drop objects around on the page.

    After you have experimented some on that site then do the following.

    ==============================================

    Learn HTML/XHTML & CSS - Learn to write your own pages by hand it's easy.

    FREE! HTML/XHTML/CSS Editor:
    http://www.chami.com/html-kit/

    FREE! Online Courses:
    A) Webmonkey HTML Tutorial http://www.webmonkey.com/
    B) W3schools http://www.w3schools.com/
    C) Watch it done in a flash movie http://visualtutorials.com/
    D) Free Web Design Certification Courses http://certification.about.com/cs/te.../tutorials.htm

    Reference:
    A) The best HTML/XHTML reference http://www.w3schools.com/tags/
    B) The best Style Sheet Reference http://www.w3schools.com/css/css_reference.asp
    C) HTML Dom http://www.w3schools.com/htmldom/dom_reference.asp'

    Links:
    A) HTML Links http://www.websitetips.com/html/
    B) Style Sheet Links http://www.websitetips.com/css/

    ALWAYS CHECK THE REFERENCE PAGES TO MAKE CERTAIN YOU ARE WRITING YOUR SOURCE CODE THE CORRECT WAY! JUST BECAUSE YOU SAW SOME SOURCE CODE WRITTEN A PARTICULAR WAY IN SOMEONE ELSE'S PAGE DOESN'T MEAN THEY WROTE IT CORRECTLY. MORE OFTEN THAN NOT YOU'LL FIND THAT THEY DIDN'T WRITE IT CORRECTLY. BUT LOOKING AT OTHER PEOPLE'S SOURCE CODE IS STILL A GOOD WAY TO LEARN. IF SOURCE CODE ISN'T WRITTEN THE CORRECT WAY IT CAN CAUSE OBJECTS TO BE DISPLAYED IN PLACES YOU DON'T WANT THEM IN OR EVEN CRASH SOMEONE'S BROWSER. NETSCAPOE 4.X USERS ARE THE MOST VULNERABLE TO CRASHING. MOST OF THE TIME BROWSERS ARE VERY FORGIVING WHEN IT COMES TO BAD SOURCE CODE. BUT WHY TAKE CHANCES. THE MORE CORRECTLY YOU WRITE YOUR PAGES THE MORE BROWSERS THEY WILL WORK WITH.

    Paid Online Web Design Certification Courses - For beginners and professionals.
    http://www.hwg.org/

    FREE! HTML/XHTML Editor:
    http://www.chami.com/html-kit/

    FREE! FTP Clients (applications):
    http://www.trustmeher.net/freeware/cute.htm

    ◙ You'll find hundreds of free online web tools here http://dwight.clickthesky.com/webtools/ Use them to generate HTML/CSS/JavaScript source code for you then simply paste it into your pages. There are also Banner makers, site maintenance utilities and many many more.

    NOTE: Free web-based FTP for people that aren't using their own computer or don't want to install a ftp client on their computer. I use this wonderful utility nearly everyday. You can do everything with this client that you can do with an installed one. There are two modes, secure server and non-secure server. I prefer the secure server. This is a Java Applet so you'll need Java installed on your computer to use it. Most PCs come with it pre-installed.

    Unlimited FTP https://www.unlimitedftp.ca/myftp/

    When FTPing files from your computer to your online account send text files, HTML/XHTML files, CSS files in the ascii mode. Send image files, movie files, music files in the binary mode. There is an automatic mode that is supposed to detect the type of file you are sending. But it isn't always reliable.

    *** HERE IS HOW I LEARNED HTML/XHTML/CSS ***

    When you come to a page on the web click "VIEW" at the top of your browser and click on "SOURCE". If you are using Internet Explorer browser the HTML source code will open up in Windows Notepad. In Notepad click on "FILE/SAVE AS" to save the page's source code to your hard drive. In Internet Explorer click on "FILE/OPEN" to open the source code in the browser. Go back to notepad and remove some of the code and click "SAVE". Then in Internet Explorer hold down the "SHIFT" key and click on the "REFRESH" button on the browser's toolbar to see what effect the removed source code had on the page. You will learn a hundred times faster this way.

    Something to think about later is.......After you have gotten a little experience with HTML try DOCTYPE, XHTML, and CSS. Then try to validate your pages. Validating checks your source code for coding errors. validating will not work unless you are using the correct doctype and the correct document encoding. Validating is not something a newcomer should bother with. Being new you will make lots of mistakes and won't know how to fix them yet. http://validator.w3.org/
    Last edited by oldcrazylegs; Oct 16, 2006, 07:33 PM.
    Master Newbie http://dwightstegall.com/

    Comment

    Working...
    X