HTML Editior Need help

User 1961146 Photo


Registered User
26 posts

I upload the whole website project to hostgator, but the main title page is not center, I'm missing the flash menu and the calendar. Can anybody help?
Please view the website funkidsjumpers.com

Do I have to start a new project to add the links to the website? or can I continue from where I left off? :/

Thank you,
User 1961146 Photo


Registered User
26 posts

I was able to add the calendar.
User 3004957 Photo


Registered User
848 posts

Hi there

Viewing the source of your code there are some anomalies that, if rectified, might clean things up. I don't think you need to start a new project to add links or pages, just create them and add them to the existing project.

You have both title and meta tags within the body element. You should move these to be within the head tags (these actually look like they were copied accidentally so just deleting these extra meta and title tags in the body will resolve that problem.

You are using absolute positioning to place images, which will break the site when viewed in different screen sizes and cause images to overlap menus etc. This is tricky to get around without rebuilding the whole page.

There are many empty font tags, fonts with no end tags and one font type labelled 'v' which I guess is meant to be Verdana. As I am not sure where you want all these objects positioned I cannot do it for you. The calendar floats up to the left in my browser, is this where you want it to live?

I have cleaned up the page a little and used absolute paths to images so I could test it on my machine (http://www.funkidsjumpers.com/image.gif instead of just image.gif). You will need to remove that full path (http://www.funkidsjumpers.com/) to make it work locally there again. I have put the page in a zip file as an attachment here.

As I say, I'm not sure of your intentions with positioning etc. but this has cleaned things up a little for you and you may be able to run with it from here.

Dave.
Attachments:
User 1961146 Photo


Registered User
26 posts

Ok, When I view the website with I.E the site looks GOOD, but when I view the site with Mozilla Firefox. The Flash menu, the main title name is not center & calendar are missing
User 3004957 Photo


Registered User
848 posts

Welcome to the problem of different browsers rendering the same code in different ways. This is why I use old-fashioned tables to contain everything on my sites. Your page has some tables but many items are floating about with only pixel references to where they should sit, a nightmare for different screen sizes. It is difficult when you are designing visually (without code, just by placing images etc.) because I'm sorry to say that unless you know some code this will never be fixed (unless someone does it for you).

Most gun coders (of which I am not) shun even tables and instead use advanced CSS to create table-less layouts that are cross-browser friendly; that is way beyond me. I could get this looking OK but I would do it in tables rather than the way it is now. I would have to recode almost all of it. It looks to me like FrontPage code but may also be CCHTML visual code; I can't check it out and compare it as the visual tab is disabled in my version of the editor. This would also explain why it renders properly in Internet Explorer but breaks other browsers.

Sorry, there's not much more I can do at this stage. If I were you I would try to redo the page but put everything in tables instead of positioning with coordinates and then hide the table borders; it is an excellent way of making things stay where they should and the result should render correctly in all browsers.

Dave.
User 122279 Photo


Senior Advisor
14,455 posts

Dave, you can enable the Visual mode in Tools - Preferences.

The code sure looks like CCHTML visual mode.
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 1961146 Photo


Registered User
26 posts

Hi, Dave yes I will take your advice and place everything in tables instead. How can I hide the table? I tested the website with google chrome and the site looks good, it's just mozilla that the codes are not rendering correctly. I haven't had the opportunity to test the site with safari.

Once I'm done with re-constructing the site. My next challenge would be trying to figure adding the sub-domains (hostgator) and making the whole site work smooth. Yikes! more headaches... :/ I do plan to purchase a book and learn more about HTML and the different codes out there. I don't even know what CCHTML stand for or what is the difference between that and HTML.

I do have to admit that CoffeeCup is a great tool, for websites and the price is very reasonable. :lol:
User 3004957 Photo


Registered User
848 posts

Inger - it is disabled because of an update in Vista that breaks it; I can't enable it even if I want to...

mmogamer just set the border on your tables to 0; this hides them but they still exist to hold everything together.

Dave.
User 122279 Photo


Senior Advisor
14,455 posts

Dave, What kind of update is that? I run Vista (home premium), and I have all the updates thrown at me by M$, but still I'm able to use the visual mode of the Editor. - Not that I want to use it though, but anyway, it is there and working.
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 3004957 Photo


Registered User
848 posts

Dave,

Check the article at http://www.coffeecup.com/help/articles/ … ditor-tab/ for the most commons solutions.


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.