www.webdeveloper.com
Results 1 to 7 of 7

Thread: First Responsive Attempt - Help!

  1. #1
    Join Date
    Jan 2014
    Posts
    4

    Question First Responsive Attempt - Help!

    I have been working on this webpage in attempting responsive design for the first time. (I only started html/css coding last week). My problem is when i resize my web browser i can't get the "Contact" form on the right to keep still. The thing just moves up and down. Any help would be appreciated.

    http://www.webdevrick.co.uk

  2. #2
    Join Date
    Jan 2014
    Posts
    8
    Hello,

    In CSS try not use fixed size of the contact form, that will help, also use percentage values instead of pixels.

  3. #3
    Join Date
    Oct 2013
    Location
    3rd planet from the sun
    Posts
    144
    the title Contact Us needs some top padding, but otherwise the responsive design worked for me on Firefox.

  4. #4
    Join Date
    Dec 2013
    Posts
    63
    I looked into your code. You have:
    - '<DOCUTYPE! HTML>' instead of '<DOCTYPE! html>'
    - you have only one 'h1' on your page, so you don't need 'id="title"' for it. You can just use 'h1' (or 'header h1' or 'header > h1') in your CSS
    - 'h1' should be clickable and follow to main page, link 'home' in navigation is unnecessary
    - again: you have only one 'nav' with 'ul', so you don't need 'id="nav_links"' for 'ul'.
    - 'id="section_heading"' for more than one element
    - unnecessary 'class="paragraphs"' for 'p', you can use 'section p' in your CSS
    - instead of '<div id="footer">' you can use new tag 'footer' from html5
    - '</div' without '>' before '</body>'

  5. #5
    Join Date
    Jan 2014
    Posts
    4
    Quote Originally Posted by blasphemy View Post
    I looked into your code. You have:
    - '<DOCUTYPE! HTML>' instead of '<DOCTYPE! html>'
    - you have only one 'h1' on your page, so you don't need 'id="title"' for it. You can just use 'h1' (or 'header h1' or 'header > h1') in your CSS
    - 'h1' should be clickable and follow to main page, link 'home' in navigation is unnecessary
    - again: you have only one 'nav' with 'ul', so you don't need 'id="nav_links"' for 'ul'.
    - 'id="section_heading"' for more than one element
    - unnecessary 'class="paragraphs"' for 'p', you can use 'section p' in your CSS
    - instead of '<div id="footer">' you can use new tag 'footer' from html5
    - '</div' without '>' before '</body>'
    Thanks for this helped me alot.

  6. #6
    Join Date
    Dec 2013
    Posts
    63
    Ooops. I've made a mistake. There should be '<!DOCTYPE html>', not '<DOCTYPE! html>'.

  7. #7
    Join Date
    Jan 2014
    Posts
    4
    Quote Originally Posted by blasphemy View Post
    Ooops. I've made a mistake. There should be '<!DOCTYPE html>', not '<DOCTYPE! html>'.
    No problem.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles