SunQuest
 
           Web Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 
Go Back   Dev Articles Community ForumsWeb DesignWeb Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
Ajax Application Generator Generate database and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
  #1  
Old November 17th, 2006, 08:18 AM
jaga jaga is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 3 jaga User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 38 m 40 sec
Reputation Power: 0
Width of input type submit

The attribute "width" doesn't work with a input type submit?

I have tried this also but without success :
.submit50 input[type="submit"]{
width: 50px;
}

Any idea?

thkx

Reply With Quote
  #2  
Old November 17th, 2006, 08:40 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,890 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 4 m 48 sec
Reputation Power: 8
I assume the class "submit50" is meant to be put on the input itself?

Try this instead (I've bolded my change):
Code:
<html>
<head>

<style>
input[type="submit"].submit50{
width: 50px;
}
</style>
</head>
<body>

<input type="submit" class="submit50" value="Go!">

</body>
</html>
__________________
Daryl's Homepage | My Blogroll | My Profile | Firefox supporter!
DevArticles Forum Moderator

"The net is a waste of time, and that's exactly what's right about it." -- William Gibson

Reply With Quote
  #3  
Old November 17th, 2006, 09:03 AM
jaga jaga is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 3 jaga User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 38 m 40 sec
Reputation Power: 0
Unhappy

I am little bit desapointed, nothing happens on the input submit!
My css:
input[type="submit"].submit50{
width:50px;font-size:0.85em;
}
In my page:
...
<INPUT TYPE="SUBMIT" NAME="test" VALUE="tst" class="submit50">
...

This works but for all input type :
INPUT {width:50px}

Any other idea?
thkx

Reply With Quote
  #4  
Old April 15th, 2008, 06:09 AM
Mr. Donkey Mr. Donkey is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Apr 2008
Posts: 1 Mr. Donkey User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 14 m 23 sec
Reputation Power: 0
Target the form field by it's ID, or assign it a class. Apply the width to that class or ID selector.

As far as I know, attribute selection in CSS works in IE7, Mozilla, Safari(Win), Opera, and Netscape... but not IE6.

I'm guessing that you test in IE6. You should test in all browsers.

I just realized that this post is from 2006, but I already typed it... and hey, I found it searching Google, so somebody will read it.

Reply With Quote
  #5  
Old April 28th, 2008, 11:55 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,890 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 4 m 48 sec
Reputation Power: 8
Thanks for the update Mr Donkey... guess I should have originally detected that.

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsWeb DesignWeb Development > Width of input type submit


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway