Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

textfields too long

Posted on 2013-06-26
3
Medium Priority
?
199 Views
Last Modified: 2013-06-27
Hi,

In test view on my desktop the formfields display withing the mobile phone screen of 480px.
However on the phone itself the text fields dont display within 480px for some odd reason.
The below code doesnt work on the device but does work on a desktop?

http://www.mymrt.net/cert1/home2.php


   <h4>Activity One</h4>
	<form action='saveRecord.php' method='post'>
	<b>Question a) What does a CPU stand for</b><br>
	<textarea class="textareawidth" rows='1' cols=50 name='q1' value=><?php echo $q1;  ?></textarea><br>
 
@media screen and (max-width: 480px) {
	
	 
	  .textareawidth {width:300px;}

Open in new window

0
Comment
Question by:jagguy
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 

Author Comment

by:jagguy
ID: 39280383
it actually works when i set the  .textareawidth {width:250px;} which doesnt make sense as the screen is 480px wide
0
 
LVL 59

Accepted Solution

by:
Julian Hansen earned 2000 total points
ID: 39280455
And if you remove the cols="50" ?

Not sure but that might be interpreted on the device as overriding the CSS setting.
0
 

Author Comment

by:jagguy
ID: 39280702
ok
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

670 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question