fix css html issue

Posted on 2014-08-30
Medium Priority
Last Modified: 2014-09-20

I have website called http://dd.weyes.northcloud.com, I have some issues need to fix, could you help me?

1. Home page:
All the content should fit if the height is greater then 700pxls in height.
- The header, footer, and text should fit in the screen. the background image should scale
- Use This site as an example on the header and footer always in the viewing area (http://foglers.com/)

2. Listing page: http://dd.weyes.northcloud.com/past-deals/
- The footer need to stay at the bottom. I changed css like this http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/ but it break all of my site, include responsive version. How do I fix it without corrupted responsive version?

I have attach the screenshot site I want to. Could you please help me? I want to make it works with the change of the footer. All pages must work correctly.
Question by:Pham Trung Kien
  • 2
LVL 53

Accepted Solution

COBOLdinosaur earned 1000 total points
ID: 40296634
You need to start with valid code.  You have serious errors like nested forms and unclosed tags.  The code is so badly written the validator cannot even process through to the end:

There is zero to gain trying to fix presentation or responsive behaviour when you do not have valid stricture to work with.

Clean up your code and then we may be able to help with the presentation issues.

LVL 34

Expert Comment

ID: 40296825
greetings kicor, , , I looked at your page source code, for -
and it is just too MUCH external JavaScript and CSS file imports for what you have there as your display presentation.
Firefox counts 28-javascript  and 18-css external files called for this page, , ,  that does NOT need that much operational Javascript-css for what you show. You need to start over on this page display design with only the responsive bootstrap framework essentials and get your Header, Main Display,  and Footer correctly set up with Minimum grid workings for the narrow PHONE view first. and then get your settings as the display options for tablet -laptop wider views. You try and do complex display, without understanding the connection and relationships for what  that requires. Sorry but like COBOLdinosaur, , I would not believe you current design is fixable.
LVL 53

Expert Comment

ID: 40334382
I guess we should expect to see such childish grading behavior when we see such a badly written page.  If you do not like being criticized for the poor quality of your code, you probably should hire a professional to do the work for you, or spend some time acquiring basic coding skills.


Featured Post


Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question