The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help With Button Sizing
English
post Nov 20 2017, 02:17 PM
Post #1





Group: Members
Posts: 1
Joined: 20-November 17
Member No.: 26,540



I have the following code in my CSS for a button.

button {
background-color:#005100;
border-radius:28px;
border:3px double #FAFAF9;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
padding-top:3px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 3px;
text-decoration:none;

}

My text is wrapping and I don't want it to. So how can I either specify the fixed width or make the text not wrap?
Thanks
Alan
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 21 2017, 12:19 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,927
Joined: 9-August 06
Member No.: 6



With the CSS you have the text shouldn't wrap. My guess is that you have limited the width of the button by putting it in a container with limited width.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Nov 21 2017, 10:19 AM
Post #3


WDG Member
********

Group: Root Admin
Posts: 8,270
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Can you provide the URL (address) of a document that demonstrates the problem?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 21st June 2018 - 09:38 AM