web forms and responsive site - Post...

User 170830 Photo


Registered User
41 posts

One thing to be sure of though when you're creating a form, you do need to be sure that you are choosing a "responsive" theme for the form

Well done! :lol:

All working fine now Eric/Gunsmoke
To quote you Eric It's easy to overlook something your not looking for.

That is so true if you have been looking at code for hours it just becomes numbers lol this is the site now look if you can http://houseclearanceandover.co.uk/ no templates here lol
Peter aki badger I only see what I want to
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Badger,

Starting to shape up nicely. You might want to run the site pages through HTML and CSS validators though as you have some stray code in some areas of your page which could come back to haunt you later. Might also be what is keeping the background from centering too. If that's not what is keeping that from centering then you may need to take a look at the settings for your wood grain background as it doesn't center in Firefox 24.
User 170830 Photo


Registered User
41 posts

Starting to shape up nicely. You might want to run the site pages through HTML and CSS validators though as you have some stray code

Hi Jo Ann will check that out firfox was the only one I did not try it in LOL some of the stray code may just have come from bad copying and pasting text from there old site I think some of the stray bits is in the java files and java to me that's a coffee could even be were I have made notes and expression them out and not taken them out have a habit of doing that so I can keep track of what bit does what so I will look thanks for the tip... :x
Peter AKA Badger
Peter aki badger I only see what I want to
User 170830 Photo


Registered User
41 posts

Hi Jo Ann
http://houseclearanceandover.co.uk/ looked at the code it all now validates HTML5 l and CCS3 only problems had to take out
meta http-equiv="X-UA-Compatible" would not validate with it in so took it out easiest option lol style sheet does not recognise -webkit-box-shadow or -moz-box-shadow but works fine had a look in firefox and looks fine now this end the other problem was number utf-8 characters for (,) comma one says (&#130,) is fine an other says (,) but is hash 44 that does not get the warning.
I now Validate a few warnings well 2 I think so I am happy most of all client happy as he can see it and use the forms on his mobile (cell) :)
Peter
Peter aki badger I only see what I want to
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Badger,

Glad you got a lot of the code worked out. I still see the background not centered though on Firefox. Here's what I see:

http://coffeecuphelp.com/jo/screenshots/bkgrnd-no-center.jpg
User 122279 Photo


Senior Advisor
14,648 posts
Online Now

If you want that wooden background centered, add this line to the body styles:

background-position:center;
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 170830 Photo


Registered User
41 posts

Glad you got a lot of the code worked out. I still see the background not centered though on Firefox. Here's what I see:

Hi Joe what size screen you looking on? I think I gave it a max width 1444.
If you want that wooden background centered, add this line to the body styles:

Hi inger thanks for that will put that in today the simplest things are all ways over looked :lol:
Peter aki badger I only see what I want to
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Badger,

I'm on a 24" monitor, and many others will be too so you need to make sure it works in all viewport sizes to be sure it looks right to all your visitiors :) Hopefully that code Inger gave you will do the trick!
User 122279 Photo


Senior Advisor
14,648 posts
Online Now

Well, if you want to have the wooden background covering the whole width of the page, my code above is not enough. What you need is this, set on the wrapper, which is the containing element for the background image;

#wrapper{
background-image: url('body_bg.jpg');
width: 100%;
background-size: cover;
}

If you want the wooden background to be absolutely wall to wall and no white margins, then you can add some resetting rule at the top of the css file, this being the shortest and simplest:
* {margin: 0; padding: 0; }

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 170830 Photo


Registered User
41 posts

Well, if you want to have the wooden background

Thanks for the tip luv finding about new tricks I did know about the background-size: cover just got over looked lol
Peter aki badger I only see what I want to

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.