Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Ugly blue checkboxes in Chrome since the last update? checkbox

See how to fix it here!

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter





runboard.com       You are not logged in.

Page:  1  2  3  4  5 

 
Joxcenia Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Runboard staff member

Registered: 11-2005
Location: Whoosher House
Posts: 3435
Karma: 56 (+57/-1)
Reply | Quote
Re: Adding script under banner?


 ... hmm ... I don't know if I found the code that way, or if I made changes to it ... it's been so long since I set the board up. *scratches_head* I'm thinking I got it from Whoosh, but perhaps not. *shrugs* I have my images above/below each other, so I might have found the code somewhere else. Since Whoosh's images are side by side.

So, if I want the images to be center, do I change 'float' to something else?





Last edited by Joxcenia, 11/5/2017, 5:49 am


---

Whoosh-ChelSierra-Muse-Twi-Saga
11/5/2017, 5:45 am Link to post Email Joxcenia   PM Joxcenia Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25469
Karma: 426 (+479/-53)
Reply | Quote
Re: Adding script under banner?


Centering an image is just like centering text. Both text and images are inline elements, which basically means their default position is on the same line (in line) with their surrounding content.

In contrast, divs and paragraphs (the <p> tag) are block-level elements, which means their default behavior is to appear below whatever block-level element came before it.

You can float block-level elements, but you can't float inline elements.

Floats can only be to the left or right. If you float something to the left, the next thing you put after it will appear to the right of that left-floated element.

Likewise, if you float something to the right, the next thing you put after it will appear to the left of that right-floated element.

You can not float anything to the center. If you could, on which side of the element would the following content appear?

Block-level elements are 100% wide by default. When you float them, they will be whatever width is required to fit the content inside them.

To center a block-level element on a page (remember, these are things like divs and paragraphs), you give it left and right margins of "auto". Of course, you would also need to define a width for the element that's less than 100% of its parent container's width, since something that stretches all the way across is pretty much left, right, and center all at the same time.

To see it all in action,
and play with it yourself,
check out this fiddle I made.
If there were any images there,
it would be right in line with the text,
just like this smiley. emoticon


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
11/7/2017, 7:04 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25469
Karma: 426 (+479/-53)
Reply | Quote
Re: Adding script under banner?


Just to add...

Centering a background image is a whole other thing.

See this fiddle for examples and to play around with it.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
11/7/2017, 7:37 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Autumn77 Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 08-2017
Posts: 183
Karma: 7 (+7/-0)
Reply | Quote
Re:


I added the code To add a welcome image under the main banner header image in Happy Trails board. It works fine only the welcome greeting is also showing up in Campfire Chat forum-which ...I dont unddrstand?It isn’t that way on my other board- the “front porch “hmmm ...😳 what am I missing

---

11/7/2017, 3:04 pm Link to post Email Autumn77   PM Autumn77 Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator


Registered: 07-2006
Location: Oχάιο
Posts: 3791
Karma: 106 (+115/-9)
Reply | Quote
Re:


You need to put #ak_forum_2 #welcome { display: none; } for each individual forum. I just put that code in for the first two forums of Happy Trails and the welcome image is gone in those. You need to change the forum number for each forum as you add the code for each forum.



---


SS eH PF
11/7/2017, 3:46 pm Link to post PM Susa Blog
 
Autumn77 Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 08-2017
Posts: 183
Karma: 7 (+7/-0)
Reply | Quote
Re:


Ahah. ! 🤔
I c
Thanks again for all your help Susa.👍🙂

---

11/7/2017, 4:56 pm Link to post Email Autumn77   PM Autumn77 Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator


Registered: 07-2006
Location: Oχάιο
Posts: 3791
Karma: 106 (+115/-9)
Reply | Quote
Re:


You're welcome.

---


SS eH PF
11/7/2017, 5:00 pm Link to post PM Susa Blog
 
Autumn77 Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 08-2017
Posts: 183
Karma: 7 (+7/-0)
Reply | Quote
Re:


I tookas l@@k and see exactly what you mean 😁👍🙂💕

---

11/7/2017, 5:28 pm Link to post Email Autumn77   PM Autumn77 Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25469
Karma: 426 (+479/-53)
Reply | Quote
Re: Adding script under banner?


Susa's way works, but if you want a welcome image on the main page only, and not in any of the forums, you can make it appear only on that page, without having to add display:none for all the forums.

To do it this way, you would target the #welcome div that occurs only on #ak_board_home.

To prevent this div from adding extra horizontal space to all your other pages, you can first do this:

#welcome { display: none; }

Then, override display: none; on your main page with display: block; and add your other styling, like so:

#ak_board_home #welcome {
     display: block;
     height: ___px;
     background: url('http://_______') no-repeat center;
}

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
11/8/2017, 6:02 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Autumn77 Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 08-2017
Posts: 183
Karma: 7 (+7/-0)
Reply | Quote
Re: Adding script under banner?


Will give that a try. Thanks LG



---

11/12/2017, 8:07 pm Link to post Email Autumn77   PM Autumn77 Blog
 


Add a reply

Page:  1  2  3  4  5 



You are not logged in (login)