-
1. Re: Problems with Responsive Web Design
fonts in captivate8 Dec 2, 2014 10:02 AM (in response to fonts in captivate8)Forgot to mention; using Dreamweaver CC.
-
2. Re: Problems with Responsive Web Design
Ken Binney Dec 2, 2014 10:33 AM (in response to fonts in captivate8)fonts in captivate8 wrote:
Hope this helps you help me! Very frustrated.
I'm afraid not. The errors and answers are in the code.
We need to see ALL your files to solve your issue quickly and accurately without a lot of guessing and questions back-and-forth.
To prevent others from seeing a page with errors, just rename a copy of your problem page (such as "test.html") and upload it to your server (with any associated files) in whatever folder the original page was located, and simply post a link in the Forum and tell us your problem.
This saves you having to cut and paste miles of code into the Forum for the page and all the dependent CSS, JS etc. files.and saves us from having to recreate all your files, find your images and then repair your code and test the solution for you.
I trust this is helpful.
-
3. Re: Problems with Responsive Web Design
fonts in captivate8 Dec 2, 2014 1:20 PM (in response to Ken Binney)Here is the link:
http://www.destiny-seminars.com/dev/index.html
The dev directory contains:
index.html
contact.html
speaking.html
training.html
about.htmlThe first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest. Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
normalize.css
timothy-hartwell.css
webflow.css
Please help!
-
4. Re: Problems with Responsive Web Design
Nancy O. Dec 2, 2014 2:15 PM (in response to fonts in captivate8)In other words, the text layers itself on top of another text. The two images below were laid out perfectly just a little while ago.
Without seeing your code, I'm going to guess that you have performed the #1 and #2 most common newbie mistakes which is to use explicit height values and absolute positioning to align elements. This never works well even in fixed (px width) layouts. It's totally unworkable in Responsive Web Designs (% width layouts) which must be flexible to fit various devices.
http://css-tricks.com/css-beginner-mistakes-1/
If you care to post a link to your online page, we may be able to help get you back on track.
Nancy O.
-
5. Re: Problems with Responsive Web Design
fonts in captivate8 Dec 2, 2014 2:42 PM (in response to Nancy O.)Hi Nancy,
The link is above, but here again. http://www.destiny-seminars.com/dev/index.html
I don't think I have any heights specified, but would have to check. As stated above the best template type page to look at is the same address, but about.html. Let me know what you think.All details are above.
-
6. Re: Problems with Responsive Web Design
Nancy O. Dec 2, 2014 2:51 PM (in response to fonts in captivate8)Where did you find this template?
Nancy O.
-
7. Re: Problems with Responsive Web Design
fonts in captivate8 Dec 2, 2014 2:57 PM (in response to Nancy O.)I hand created it with drag and drop from webflow.com. Again, please see above. The code was exported, and I have been finishing it in Dreamweaver. But I have been working on this for two weeks, starting almost over several times because what you see above keeps happening "magically." Last night, after refreshing several times, it looked great. I get up this morning, refresh again, and it goes all hokey. I need to get this about.html page right, so I can duplicate all but content. However, as you see from the index page, there is a couple of different images I use at the top. That shouldn't matter I would think.
Timothy
-
8. Re: Problems with Responsive Web Design
Nancy O. Dec 2, 2014 2:59 PM (in response to fonts in captivate8)This looks like an online wizard based template from one of those do-it-yourself web sites. When I disable the webflow.css file, things look 100% better. Just saying this is not how I would build a responsive site.
Nancy O.
-
9. Re: Problems with Responsive Web Design
fonts in captivate8 Dec 2, 2014 3:01 PM (in response to fonts in captivate8)Are you disabling it by commenting out webflow.css from the page?
-
10. Re: Problems with Responsive Web Design
Nancy O. Dec 2, 2014 3:23 PM (in response to fonts in captivate8)I disabled it in my browser. I use Firefox with the Web Developer Toolbar. See screenshots.
Without webflow.css
It might need a little tweaking to float the icons and form input fields left, etc... but at least it's not completely unusable this way.
Nancy O.
-
11. Re: Problems with Responsive Web Design
fonts in captivate8 Dec 2, 2014 3:30 PM (in response to Nancy O.)I did the same in Dreamweaver with you, so I am assuming that I will need to put the container styles into timothy-hartwell.css? That shaped it up even better, but still have the square buttons in one column, so I guess I will need to code column styles for those?
-
12. Re: Problems with Responsive Web Design
Nancy O. Dec 2, 2014 3:50 PM (in response to fonts in captivate8)Leave timothy-hartwell.css alone. Use a separate external style sheet for any changes you want to make in case they don't fly. Once you get everything working right and fully tested, then you can combine styles. Preview in all browsers and web devices. Validate code often during development and fix any reported errors before they lead to bigger problems.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
-
13. Re: Problems with Responsive Web Design
fonts in captivate8 Dec 2, 2014 4:38 PM (in response to Nancy O.)Ok, I will try that; thanks.







