Results 1 to 3 of 3

Thread: Responsive 2 Column Form

  1. #1
    Join Date
    Jul 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Responsive 2 Column Form

    1) Script Title: Responsive 2 Column Form

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...2_column_form/

    3) Describe problem:

    I've copied all the example code, and published it to our server. Unfortunately, it doesn't look anything like what displays when I hit the DD URL. I'm using the exact same browser (IE 9.0.8) for both URLs (internal, and the DD site). I can't give you a link to our server, as we are strictly intranet. However, I have attached a picture of what I get. Anyone have any idea what might be wrong?
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Responsive 2 Column Form.jpg 
Views:	194 
Size:	19.6 KB 
ID:	5166  

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    The image you've posted just appears to be a screen shot of the DD demo page so we can't tell much from that.

    We would really need to see it in the context of your own site. Can you put a temporary page in a publicly accessible area so we can see it. Or use something like jsfiddle to mock it up for us http://jsfiddle.net/ - that probably won't give an accurate representation if you have lots of other styles in play but it might actually help you narrow down the problem.

    Thinking on from the jsfiddle suggestion you could also try making a really simple web page that just contains the demo page CSS/markup as indicated, and then build your 'main' page up around slowly, checking regularly in a browser, and then hopefully you'll be able to see where you went wrong or what is causing conflicts.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Jul 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I see that the attachment was "shrunk" by the system. It's hard to tell, but I copied ALL of the source from the DD demo page (right click, view source), and deployed that to our server. It's hard to see, but the text boxes don't have round corners or highlighting when active, and the layout is wrong.

    I had initially tried to "fold" your sample code around my very simple page, but it wouldn't work. After much struggling, I though I would start with an exact copy of your demo page. Unfortunately, I can't get that to work. I've tried both the page at "http://www.dynamicdrive.com/style/cs...2_column_form/", and the linked page "http://www.dynamicdrive.com/cssexamples/responsive2colform_eg.htm". Neither one will render correctly.

    Following your "JSFiddle" suggestion, I pasted the demo code into that, and it works perfectly. I did a "right-click", "View source" on the JSFiddle "Results" frame, and copied the code. I pasted that into a blank HTML page, deployed it on our server, and it still doesn't work. Some days, I just hate progamming...

Similar Threads

  1. Resolved Suggetion for responsive web engine?
    By davelf in forum CSS
    Replies: 5
    Last Post: 04-08-2013, 08:01 AM
  2. Responsive adaptions
    By chechu in forum CSS
    Replies: 2
    Last Post: 01-13-2013, 10:14 AM
  3. Responsive script for carousel
    By veeps in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 04-11-2012, 04:58 PM
  4. Adding a column to 3-column fixed layout
    By slobjones in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 10-21-2007, 03:51 AM
  5. Need help with 3 column form
    By greendog in forum CSS
    Replies: 1
    Last Post: 09-12-2007, 09:20 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •