Website won't scroll for Droid or...

User 484521 Photo


Registered User
12 posts

Thank you for the help! I used an older program - which I had a hard time letting go of - and copied/pasted my code into coffeecup pages. That is likely where a lot of my errors are. I've been trying to correct some that I understand. Will keep fixing things but it will take awhile to fix all my pages..sigh... One of the reasons I was so hesitant to move on but my older program was really toast for a LONG time. I'm a former Hot Dog user :o Thanks again for all the help.
User 484521 Photo


Registered User
12 posts

Here is another problem.. I removed an "extra" FONT tag and now I have a font I did not want to use for the whole page - only a small portion. So for some reason I need to keep the extra tag in there. Now to find which one it was..lol...
User 122279 Photo


Senior Advisor
14,621 posts
Online Now

Oh, I remember Hot Dog. I used it some 15 years ago. :cool:

To be honest, if you are using the CC html Editor, you would be best served by ditching your old code all together and start out using html5. All the images could be displayed as a slide show or some other kind of rolling picture gallery, then you wouldn't have to make the page all that long.

You have a real 'tag soup' of mixed old html tags and css. I'd use css only for the look of the site, and html for the contents if I were you. If you need help or advice, we're here, just holler! :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 484521 Photo


Registered User
12 posts

I wish I knew how to trash the old but not have to rewrite every single thing. It is the reason I copied and pasted. But I know I need to do that eventually. No time just now to take it on. Thank you so much for the help. I'm still trying to figure out how to get my ftp to work with coffee cup and how to actually "create" my site. I copied and pasted everything - probably the reason I have the issues. Very frustrating right now. And, some of the errors is where it is seeing something as open, but it is there. I suppose there is a difference in "order of operations" or something like that. For instance, it sees an h5 that is open, but there is a beginning and a closing h5. Not sure why it doesn't see it. I'm getting bleary eyed..lol..
User 484521 Photo


Registered User
12 posts

And I'm using Filezilla to upload because My hotdog uploader just stopped working and I never could figure out how to configure the one with coffeecup! That might be a good place to start.
User 484521 Photo


Registered User
12 posts

I wanted to use the css to keep a "menu" at the top of every page and it be identical on every page. I wanted it to appear as though the top never changed and also keep navigation available regardless of which page a user was on at the moment. I thought it would help keep my site simple and quick to load.

Then I found out I still had to do every single page and the user still had to load it on each new page. I had intended to move to a mapped picture using X and Y coordinates but I never found time to learn to do it. I figured at least that way they would only have to load it one time.

Then, to get my page to scroll, I copied from a "lesson" that I never fully understood. SO that is probably why I am having additional problems. Instead of taking the time to understand what I was typing and using, I just tweaked it until I had the look I wanted. For instance, just removing that one FONT tag not only caused a font to "run" thru the whole site, but it changed the size of my divider bars in my menu area!

What I have seems to work on everything but the android and kindle so not ALL bad even though it is not the way I prefer to do things. I do appreciate all the help and I do plan to revamp everything. I just don't have the hours and hours it takes me to "get it" and I don't want to start until I have that time. Hope that doesn't sound bratty or ungrateful. I really did enjoy html in the good/bad ole days when I understood most of what I was doing..lol...

Again, my sincere thanks and appreciation.
User 122279 Photo


Senior Advisor
14,621 posts
Online Now

You posted while I was typing...

Your font problem illustrates what I mean by the mix of old and new. Define the fonts you want to use in the CSS and give them the properties you want. E.g. if you want all the paragraphs (<p></p>) to be in Verdana, be blue and 12 pixels big, you write in your css:

p
{
font: 12px verdana,sans-serif;
color: blue;

}
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,621 posts
Online Now

Oh, you have posted more... :)

If you want to recreate the site in an easy manner, take a look at CC's Visual Site Designer, VSD for short. It's quite a powerful tool, and you don't have to worry about code, be it html or css, the programme does it all for you. You can download a trial and take it for a test run and see if you like it. There are lots of experts on that programme here. I'm not one of them, since I'm a coder, but Paintbrush, who replied further up the thread, is.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 1948478 Photo


Senior Advisor
1,850 posts

As part of your efforts to quickly get an interim, "working" site - until you've had time to have it all re-coded in HTML5 (or with VSD) as Inger has suggested - you could simply change the doctype from XHTML to HTML 4.01. This will take care of all those errors associated with lower case markup, as well as the <br> versus <br /> errors, and will immediately get your error count down from 207 to 38. This should make it easier to concentrate on the important errors.

Change the first two lines of coding from:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1- … ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

to:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

Many of the remaining errors refer to the missing alt attribute for images so they are easy to fix.

Also, I think you removed the "wrong" duplicate of <div id="container"> ;).
The one that remains now is before the <body> tag. There should be nothing between the </head> and the <body> tags. In your case I think you want it immediately after the <body> tag.

EDIT: Also include the following line in your <head> section:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
User 1948478 Photo


Senior Advisor
1,850 posts

Different browsers will react differently to markup errors, in seemingly unpredictable ways. Missing closing tags e.g. may be interpreted in different ways and cause erratic behavior in areas far removed from where the error actually is. And you have quite a number of missing closing tags according to the validator.
I have no experience with the browsers used in Android or Kindle and can not test them here, but they may simply be overwhelmed by the sheer number of markup errors and then refuse to scroll the page...
Who knows, maybe the change in doctype alone will be enough to make them start to scroll... :D

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.