Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 11-24-2010, 04:23 AM styling input fields
numbenator's Avatar
Webmaster Talker

Posts: 523
Location: London
Trades: 0
HI

I want to increase the height of a <select> and a <inpuy type="text"> but i am unable to vertically align the text to the middle of the input fields.

How do i do this please?
I would like this to be compatable with IE6 also.

Cheers

Steve
__________________

Please login or register to view this content. Registration is FREE
numbenator is offline
Reply With Quote
View Public Profile Visit numbenator's homepage!
 
 
Register now for full access!
Old 11-24-2010, 05:03 AM Re: styling input fields
lynxus's Avatar
Awesomeo-Maximo

Posts: 1,618
Location: UK
Trades: 1
have you tried:

<style = height:100px; width:100px; text-align:left;> ?
__________________

Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE


lynxus is offline
Reply With Quote
View Public Profile Visit lynxus's homepage!
 
Old 11-24-2010, 05:28 AM Re: styling input fields
numbenator's Avatar
Webmaster Talker

Posts: 523
Location: London
Trades: 0
it does nt work on the select though
__________________

Please login or register to view this content. Registration is FREE
numbenator is offline
Reply With Quote
View Public Profile Visit numbenator's homepage!
 
Old 11-24-2010, 07:15 AM Re: styling input fields
CSM
CSM's Avatar
Front-End Developer

Posts: 297
Name: Michael Pehl
Location: Palma de Mallorca
Trades: 0
Use CSS like this:

Code:
select {
/* your CSS properties here */
}

input[type=text] {
/* your CSS properties here */
}
__________________
Chief Web Officer / Front-End Developer / System Engineer

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
CSM is offline
Reply With Quote
View Public Profile Visit CSM's homepage!
 
Old 11-24-2010, 07:18 AM Re: styling input fields
numbenator's Avatar
Webmaster Talker

Posts: 523
Location: London
Trades: 0
hey csm
That doesnt actually help me to get over my problem
__________________

Please login or register to view this content. Registration is FREE
numbenator is offline
Reply With Quote
View Public Profile Visit numbenator's homepage!
 
Old 11-24-2010, 07:47 AM Re: styling input fields
Gakoyu Ojima's Avatar
Skilled Talker

Posts: 59
Location: Netherlands.
Trades: 0
Have you tried the following?

Code:
select, input[type=text] {
      vertical-align: middle;
}
As far as my knowledge goes, IE6 does not support this. You could also, instead, try to add padding to the elements and see if that gives the result, in-case this does not work.
__________________
$gocore = new gakoyucore();
$con = mysql_connect($gocore->server, $gocore->username, $gocore->password) or die(mysql_error());
Gakoyu Ojima is offline
Reply With Quote
View Public Profile
 
Old 11-25-2010, 07:31 AM Re: styling input fields
Average Talker

Posts: 28
Trades: 0
First of all, chances are that finding a solution will be a lot quicker if you ignore ie6.

I second the padding suggestion. Also try playing around with the font-size.
Phil18 is offline
Reply With Quote
View Public Profile
 
Old 11-26-2010, 10:26 AM Re: styling input fields
CSM
CSM's Avatar
Front-End Developer

Posts: 297
Name: Michael Pehl
Location: Palma de Mallorca
Trades: 0
Give us an online example please
__________________
Chief Web Officer / Front-End Developer / System Engineer

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
CSM is offline
Reply With Quote
View Public Profile Visit CSM's homepage!
 
Old 11-27-2010, 12:48 AM Re: styling input fields
Banned

Posts: 143
Name: maheshadodis
Location: USA
Trades: 0
Quote:
Originally Posted by numbenator View Post
HI

I want to increase the height of a <select> and a <inpuy type="text"> but i am unable to vertically align the text to the middle of the input fields.

How do i do this please?
I would like this to be compatable with IE6 also.

Cheers

Steve
Hi,
Just add id or class to the input feilds and write css to them i thinks this will do need ful
maheshadodis is offline
Reply With Quote
View Public Profile
 
Old 12-03-2010, 01:21 PM Re: styling input fields
Skilled Talker

Posts: 59
Name: Lisa Forgan
Location: Colorado
Trades: 0
Just add a class to your <select> and <input>. In your stylesheet define your height and also add padding.
Puddlemut is offline
Reply With Quote
View Public Profile
 
Old 12-04-2010, 01:32 AM Re: styling input fields
Banned

Posts: 143
Name: maheshadodis
Location: USA
Trades: 0
Hi,
are you clear if not please raise the question this will be helpfull
maheshadodis is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to styling input fields
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.61562 seconds with 12 queries