Solved

textfields too long

Posted on 2013-06-26
3
195 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 58

Accepted Solution

by:
Julian Hansen earned 500 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

Ready to get started with anonymous questions?

It's easy! Check out this step-by-step guide for asking an anonymous question on Experts Exchange.

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
There are times when I have encountered the need to decompress a response from a PHP request. This is how it's done, but you must have control of the request and you can set the Accept-Encoding header.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

623 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