Responsive Page
I would like this page (attached) to be responsive.
It has no tables so I cannot see why it will not become responsive.
Anyone any ideas please/
Many thanks
John
I would like this page (attached) to be responsive.
It has no tables so I cannot see why it will not become responsive.
Anyone any ideas please/
Many thanks
John
Responsive design is done with the .css and not the page in most cases. Tables are actually very responsive naturally... not using tables has nothing to do with how responsive your page is or isn't.
If you post a url to your page I can take a look at it in context and maybe make some recommendations on how to make it more responsive.
Many thanks Ray
I have now a similar page at http://net100test2.co.uk/BookingForm/booking.php
Would you kindly take a look and suggest how it can become responsive.
Many thanks
John
Add this to your .css:
@media only screen and (max-device-width: 480px) {
form.NewFromBlank_Default {
width: 100%;
}
form.NewFromBlank_Default div.formGroup {
display: block;
float: none;
}
form.NewFromBlank_Default label.sublabel {
float: none;
text-align: left;
}
form.NewFromBlank_Default div.columnGroup, form.NewFromBlank_Default textarea.formTextarea_Medium, form.NewFromBlank_Default input.formTextfield_Medium, form.NewFromBlank_Default select.formMenufield_Medium, form.NewFromBlank_Default div.wideColumnGroup,
form.NewFromBlank_Default input.formButton {
width: 100%;
box-sizing: border-box;
}
.Default-wrapper {
display: none !important;
}
form.NewFromBlank_Default span.buttonFieldGroup {
display: block;
float: none;
padding: 10px 0;
text-align: right;
}
}
Link to live site? For learning purposes?
Similar page had this
http://net100test2.co.uk/BookingForm/booking.php
but not yet responsive so if we can set actual with solution, it would be helpful.
Hello Patrice
"Link to live site? For learning purposes?"
I dont quite understand the above question.
Is there something I am doing incorrect here?
Thanks
John
john70964: I was referring to the page that you are working on so we can all learn what the responsive solutions are. Thanks.
Hello Ray
Re http://net100test2.co.uk/BookingForm/booking.php
I placed this code in Sheringham.css but it did not seem to make any difference.
Thanks
John
John
You are missing a closing tag for the previous media query above the code you added... add this above the code I suggested you add and it should start working: }
Thanks again Ray,
I did wonder about that extra closing tag when I saw it and removed it!
I have placed the tag back above you new code but it does not seem to have any effect.
I am sending the css file and wonder if you can see what may be amiss.
many thanks
john
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.