The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Button drops down 1 line
CharlesEF
post Sep 20 2019, 03:19 PM
Post #1


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



Hi All,

Once again I find myself with a CSS problem that has me stumped. If you will look at this page you will see 5 buttons at the bottom. I added 1 more button thinking it would line up with the other 5. It didn't, it dropped down 1 line. After spending much time over the last week trying to figure this out I find I have to turn to the experts. You might have to shrink your browser window in order for the footer to scroll. Without the scrollbar you can only see part of the button. I even moved the button before the Cancel button, now I have 2 buttons that drop down, the Exit button is on a line by itself and the Cancel button is also on a new line.

What have I overlooked?


Thanks for any help,

Charles
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 20 2019, 04:11 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



You've made that button display: block.

CODE
.show {
    display: block;
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Sep 20 2019, 06:18 PM
Post #3


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



Well, I didn't think about that. My show class doesn't apply to buttons. I can always use the style attribute instead of a class attribute, since this is the only place that is different.

Thanks for your help,

Charles
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 21 2019, 05:17 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Or just don't give that button the class 'show'...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Sep 21 2019, 07:15 PM
Post #5


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



QUOTE(pandy @ Sep 21 2019, 05:17 PM) *

Or just don't give that button the class 'show'...

This 1 button will be hidden 95% of the time. It is only shown when the page is loaded in an iframe. The container that holds the buttons is already set for 'inline-block' so when I added this 1 button and used the 'show' class it never clicked that I was making this problem. This seems to happen when I look at things too long. Instead of creating a new class just for this button I will use the style attribute to hide (by default) and 1 function call to show the button when needed. I use the style attribute to override CSS rules for some elements anyway.


Thanks for your help,

Charles
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: 19th March 2024 - 12:49 AM