Shannt
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
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
|
5/11/2021, 4:05 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|