Solved

textfields too long

Posted on 2013-06-26
3
190 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
  • 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 56

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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Text color and background in a text box. 2 25
Ajax on ASP 2 36
php ajax contact form gives me undefined index error upon submission 2 36
.CSS HTML Help 3 24
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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 style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

749 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