Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
Reply | Quote
Moving Calendar, Welcome Message & Links


https://bourcountryhome.runboard.com/

I would like to move the part *calendar, welcome message & links* to under the who's online.

This is the code I'm using.
<center><html>
<head>
<style>
#customers {
  font-family: Kurale;
  border-collapse: collapse;
  width: 97%;
  border: 0px solid #000;
  font-size: 14px;
}

#customers td, #customers th {
  border: 0px solid #000;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: none;}

#customers tr:hover {background-color: none;}

#customers th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background: none;
  color: #F6F2EA;
  text-shadow: 0px 1px 1px #000000;
  font-size: 17px;
  font-family: Georgia;
  font-weight: bold;
}
</style>
</head>
<body>

<table id="customers">
  <tr>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <td><center><img src=""></center>
    <center><b>5th</b> Cinco de Mayo</center>
    <center><b>9th</b> Mother's Day</center>
    <center><b>31st</b> Memorial Day</center>
    <td><center><img src=""></center>
           <center>Hello & Welcome, thank you for your interest in Our Country Home.<br>
           We're a small board with friendly members.<br>
           I hope you enjoy the board. Grab your favorite beverage and stay awhile.</center></td>
           <td>
           <br>
           <center>
           <a href="www.runboard.com/bakheva">Runboard Support</a><br>
           <a href="https://boch457.runboard.com/brunboardextra">Runboard Extra</a><br>
           <a href="https://bpatsplace.runboard.com/">Pat & Jewel's Place</a><br>
           <a href="https://serenitycove.freeforums.net/">Serenity Cove</a><br>
           </center>
           <br></td>
  </tr>
</table>
</body>
</html></center>

---

5/10/2021, 5:44 pm Link to post Email Shannt   PM Shannt
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Reply | Quote
Re: Moving Calendar, Welcome Message & Links


Hi Shannt,

All of that CSS should be in your custom CSS, not in your HTML header.

You also have a lot of other code in there that should be removed. w3schools is an excellent resource for learning HTML and CSS. If nothing else, I recommend learning the basic structure of a web page, but there are also a lot of other things I would change about your code, like putting all of your styling in CSS instead of HTML, removing references to nonexistent images, etc.

That said, adding this to your CSS should position those things in the order you want:

#ak_board_home #wrapperthree {
  position: relative;
}

#ak_board_home #customers {
  position: absolute;
  top: 380px;
}

.forum_list_table {
  margin-top:100px;
}

I hope this helps!

Last edited by Lesigner Girl, 5/11/2021, 4:12 am


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/11/2021, 4:05 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)