trying responsive design

Discussion in 'Web Design' started by Manganix, Jan 6, 2015.

to remove all ads.
  1. Manganix

    Manganix Member

    Messages:
    112
    Hi,


    I'm trying some responsive design.

    Could you please check the header and the links bar for responsiveness (min320px-max480px). The other parts not adapted yet.

    When the page is scrolled vertically in 320px-480px, I can't get the links bar stay sticked to the title bar?

    Thanks for checking out and your feedback.

    http://gamanga.com/conceptX1.html
     
  2. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    Works OK on my Amazon Fire phone, and my Dell Streak.

    By the way:

    "stuck" not "sticked" is the past tense of 'stick'.
     
  3. Manganix

    Manganix Member

    Messages:
    112
    Hi,

    I'm trying to make a comment field responsive, but can't get it done...
    What is wrong here... (be gentle)? :confused:

    HTML:
    <!DOCTYPE HTML>
    <html>
    
    <head>
    
    <style type="text/css">
        @media only screen and (min-width: 320px) and (max-width: 480px) {
    		.fieldOverrule {
    			column-count:30;
    			border:#F00 5px solid;
    			background-color:#0F0;
    		}
        }
    </style>
    
    </head>
    
    <php>
    ...
    ?>
    
    <form action...>
    Message:<br><br><textarea name="guestbook_message" class="fieldOverrule " rows="10" cols="70" maxlength="500" style="font-size:16px; font-family:familiar_probold, Arial, Helvetica, sans-serif; font-weight:lighter; background-color:#222; color:#F3F4E4; border: hidden; box-shadow: #000 2px 2px 2px; padding:5px"></textarea><br><br>
    
    </form>
    
     
  4. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,611
    The inline style rules have precedence in the cascade.
     

Share This Page