wondering if anyone could help (yes i'v tried)
i'm trying to bring the songs request underneath the weather
but everytime i try n put it there my tabs keep moving?
all i want is for the tabs to be each side in-line
i'm trying to bring the songs request underneath the weather
but everytime i try n put it there my tabs keep moving?
all i want is for the tabs to be each side in-line
Code:
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.css">
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/94bd1d9f07f6679cab02f67f4/b7209adaa9642209c53a3e5c3.js");</script>
</head>
<body>
<!-- partial:index.partial.html -->
<html>
<title>Coolvibes|Reloaded</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://coolvibes-reloaded.com/w3.css">
<link rel="stylesheet" href="http://coolvibes-reloaded.com/fonts.css">
<link rel="stylesheet" href="http://coolvibes-reloaded.com/font-awesome.min.css">
<link rel="stylesheet" href="http://coolvibes-reloaded.com/test/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.responsive {
width: 80%;
height: auto;
}
</style>
</head>
<body>
<div align="center"><img src="images/header.jpg" class="responsive" width="400" height="400"></div>
</body>
</html>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<body>
<!-- Header -->
<!-- End Header -->
<div align="center"><div id="c_ec9f821dac99d4e5c75f15cd495a7b52" class="ancho"><h2 style="color: #000000; margin: 0 0 3px; padding: 2px; font: bold 13px/1.2 Verdana; text-align: center; width=100%"><a href="https://www.forecast.co.uk/hastings.html" style="color: #000000; text-decoration: none; font: bold 13px/1.2 Verdana;">The weather for Hastings</a></h2><div id="w_ec9f821dac99d4e5c75f15cd495a7b52" class="ancho" style="height:100%"></div></div><script type="text/javascript" src="http://www.forecast.co.uk/widget/loader/ec9f821dac99d4e5c75f15cd495a7b52"></script><div>
<!-- Start Presenters --><div align="left">
<html>
<head>
<style>
span.a {
display: inline; /* the default for span */
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: #20213c;
color: #fff;
}
</style>
</head>
<body>
<div> <div class="col bg-warning"><span class="a">Now Playing!</span></div></div>
<div align="right"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<div id="snow"></div>
<title>Station Activity</title>
<style type="text/css">
td {
font-size: 0.6em;
}
/* temporary for testing purposes */
#NowOn {
border: 0px solid black;
font-size: 11.5px;
color: blue;
background: transparent;
height: 65px;
width: 350px;
}
#main {
width: 70px;
height: 300px;
border: 1px solid #c3c3c3;
display: flex;
flex-wrap: wrap;
align-content: center;
}
#main div {
width: 70px;
height: 70px;
}
</style>
<script type="text/javascript">
/* NOT CURRENTLY USED
var thedate = new Date();
var dayofweek = thedate.getDay();
var hourofday = thedate.getHours();
var GMT = new Date().getTimezoneOffset();
var offsetGMT = +1 new Date().getTimezoneOffset()/01:00;
*/
// Sun=0 1 2 3 4 5 Sat=6
var DayOfWeek = new Array('Weekend', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Weekend');
var NoShow = 'No Show Scheduled<br />for COOLVIBES';
var DH = new Array(7);
for (d = 0; d < 7; d++) {
DH[d] = new Array(24);
for (h = 0; h < 24; h++) {
DH[d][h] = '';
}
}
DH[1][10] = 'Monday at 3 pm<br>AUTOMIX<br>with auto';
DH[1][08] = 'Monday at 12 AM<br>AUTOMIX<br>with auto';
DH[1][12] = 'Auto mix<br>with auto parrott<br>Monday at Noon<br>No Genre';
DH[1][14] = 'auto<br>with auto parrott<br>Monday at 2 PM<br>No Genre';
DH[1][16] = 'No Show Name<br>with Katy Cox<br>Monday at 4 PM<br>Rap';
DH[1][17] = 'The Greatest<br>with DJ Fresh<br>Monday at 5 PM<br>No Genre';
DH[1][18] = 'Revolution Corner<br>with Randy Underwood<br>Monday at 6 PM<br>No Genre';
DH[1][20] = 'Daily Affirmation<br>with DJ Hightower<br>Monday at 8 PM<br>No Genre';
DH[1][22] = 'No Show Name<br>with David Doggett<br>Monday 10 to Midnight<br>No Genre';
DH[1][23] = 'No Show Name<br>with David Doggett<br>Monday at 11 PM<br>No Genre';
DH[2][13] = 'Mix&Match<br><br><img src="http://www.coolvibes-reloaded.com/images/kayley.jpg" width="194" height="120" />';// this will display an image at 1pm on tuesday <br />
DH[2][08] = 'No Show<br>with Automix<br>Tuesday at 8 AM<br>Mix n Match';
DH[2][16] = 'No Show Name<br>with Sweet Action Jackson<br>Tuesday at 4 PM<br>Rock';
DH[2][20] = 'The Rock Hour<br>with Dan the Man<br>Tuesday at 8 PM<br>No Genre';
DH[3][10] = '80,s Show<br>with DJ Rose<br>Wednesday at 8 PM<br>No Genre';
DH[3][11] = 'Westcoast Wednesdays<br>with DJ Smoove<br>Wednesday at 11 AM<br>No Genre';
DH[3][15] = 'The Storm Hour<br>with the Weatherman and Reba<br>Wednesday 3 to 5 PM<br>Classic Rock';
DH[3][16] = 'The Storm Hour<br>with the Weatherman and Reba<br>Wednesday at 4 PM<br>Classic Rock';
DH[3][22] = 'EZ Does It<br>with DJ EZ<br>Wednesday at 10 PM<br>Rap';
DH[4][12] = 'automix<br>with autodj<br>Thursday Noon to 2 PM<br>mix';
DH[4][22] = 'Request Show<br>with Jukebox<br>Thursday 6 to 7 PM<br>Mix n Match';
DH[4][13] = 'automix<br>with autodj<br>Thursday at 1 PM<br>mix';
DH[4][14] = 'The Hour<br>with DJ V-Jeezy<br>Thursday at 2 PM<br>No Genre';
DH[4][18] = 'Request Show<br><br><img src="http://www.coolvibes-reloaded.com/images/strawbs.gif" width="194" height="120" />';// this will display an image at 6pm on thursday <br />
DH[5][10] = 'The Hour Show<br>with Auto<br>Friday at 5:20 PM Till 6:20 PM<br>All In One';
DH[5][11] = 'Friday at 11 AM<br>Christian Music<br>with Jammin J';
DH[5][12] = 'Friday at Noon<br>automix<br>with autodj';
DH[5][13] = 'Friday at 1 PM<br>Dance<br>with Deano';
DH[5][09] = 'Friday at 9 AM<br>Mix n Match<br>with Autobox';
DH[5][14] = 'Friday at 2 PM<br>automix<br>with autodj';
DH[5][15] = 'Friday at 13:20 Till 15:20 PM<br>Mix n Match<br>Request Show';
DH[5][16] = 'Friday at 4 PM<br>automix<br>with autodj';
DH[5][17] = 'Friday at 5 PM<br>automix<br>with autodj';
DH[5][19] = 'Friday at 7 PM<br>Mix n Match<br>with Autobox';
DH[5][22] = 'Friday at 10 PM<br>Dance/Trance<br>with Dean';
DH[5][23] = 'Friday at 11 PM<br>automix<br>with autodj';
DH[6][18] = 'Saturday at 8 PM<br>80,s Show<br>with DJ Rose';
DH[6][19] = 'Saturday at 7 PM<br>Dance/Trance<br>with Dean';
DH[6][13] = 'Saturday at 1 PM<br>Old School/Reggae<br>with El Carlito';
DH[6][22] = 'Saturday at 10 PM<br>mix<br>with autodj';
DH[6][23] = 'Saturday at 11 PM<br>mix<br>with autodj';
DH[7][22] = 'Sunday at 5:20 PM Till 6:20 PM<br>Mix n Match<br>auto Show<br>with auto';
DH[7][18] = 'Request Show<br><br><img src="http://www.coolvibes-reloaded.com/images/strawbs.gif" width="194" height="120" />';// this will display an image at 6pm on sunday <br />';
// Add more when schedule is known. Note: there may be better ways to do this when information is known.
function OnNow() {
var thedate = new Date();
var dayofweek = thedate.getDay();
var hourofday = thedate.getHours();
var showOn = DH[dayofweek][hourofday];
}
function NowON() {
var thedate = new Date();
var dayofweek = thedate.getDay();
var hourofday = thedate.getHours();
var showOn = DH[dayofweek][hourofday];
if (showOn == '') {
showOn = thedate + '<p />No Show Scheduled';
}
document.getElementById('NowOn').innerHTML = showOn;
}
</script>
</head>
<BODY onLoad="NowON()">
<!-- Unhide this if table display desired
<script type="text/javascript">
document.write(TableStationSchedule())
</script>
-->
<script type="text/javascript">
document.write(NowON());
</script>
<div id='NowOn' onClick="NowON()">Click For Now On COOLVIBES</div>
</body>
</html>
</div>
</div>
</a>
<!-- Start Audio Player -->
<div align="left"><div class="cc_player" data-username="coolvibes">Loading ...</div>
<script language="javascript" type="text/javascript" width="100px" src="http://boogie.vside-radio.com:2199/system/player.js"></script></div>
<!-- End Audio Player -->
</div> <br> <div align="left"><p><p style="color:blue;">now playing</p></div>
<div align="left"><p style="color:blue;"><span class="cc_streaminfo" data-type="song" data-username="coolvibes">Loading ...</span></div>
<script language="javascript" type="text/javascript" src="http://boogie.vside-radio.com:2199/system/streaminfo.js"></script>
<div align="left"><br /><img class="cc_streaminfo" data-type="trackimageurl" data-username="coolvibes" /><br /><a href="#" class="cc_streaminfo" data-type="trackbuyurl" data-username="coolvibes"></a><br /></div></p></div>
</p>
</a>
</div>
</div>
</div>
<div style="padding-center:16px">
</div><div align="right">
<style>
span.a {
display: inline; /* the default for span */
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: #20213c;
color: #fff;
}
</style>
</head>
<body>
<div> <span class="a">Our Shop And Coffee!</span></div>
<!-- Start Shop -->
<html>
<body>
<div align="right"><p><a href="https://jl-ravers.creator-spring.com/">Visit JnL Ravers Shop!</a></p></div>
<div align="right"><p><a href="https://www.buymeacoffee.com/jnlravers2/">Buy Our Team A Coffee!</a></p></div>
</body>
</html>
<div align="center"><html>
<head>
</head>
<body>
<div style = "position:relative;center:80px;top:80px;background-color:white;">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfw_vLffxvuly1vJZ8e0EsqqelqF-5l4CuSBKjMf0lLQt9g5g/viewform?embedded=true" width="760" height="677" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
</div>
</body>
</html></div>
<!-- End Shop -->
<!-- Start Now Playing -->
<div align="left">
<style>
span.a {
display: inline; /* the default for span */
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: #20213c;
color: #fff;
}
</style>
</head>
<body>
<div> <span class="a">Signup!</span></div>
<!-- Begin Mailchimp Signup Form -->
<div align="left"><link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7_dtp.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://hottunez-radio.us17.list-manage.com/subscribe/post?u=512ab60e8de635504c0522f83&id=3aa3ea6ebb" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; right: -5000px;" aria-hidden="true"><input type="text" name="b_512ab60e8de635504c0522f83_3aa3ea6ebb" tabindex="-1" value=""></div>
<div class="clear foot">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
<p><a href="http://eepurl.com/hRLLQX" title="Mailchimp - email marketing made easy and fun"><img class="referralBadge" src="https://eep.io/mc-cdn-images/template_images/branding_logo_text_dark_dtp.svg"></a></p>
</div>
</form>
</div>
</div>
<!--End mc_embed_signup-->
<!-- finish Now Playing -->
<div align="right">
</div>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div align="right">
<style>
span.a {
display: inline; /* the default for span */
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: #20213c;
color: #fff;
}
</style>
</head>
<body>
<div> <span class="a">Shout-Outs!</span></div>
<!-- Start Shout-Outs -->
<div align="right"><iframe src="https://minnit.chat/CoolvibesReloaded?embed&&nickname=" style="border:none;width:40%;height:500px;" allowTransparency="true"></iframe><br><a href="https://minnit.chat/CoolvibesReloaded" target="_blank"></a></div>
<!-- End Shout-Outs -->
<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-dark-grey">
<div class="w3-row-padding">
<div class="w3-third">
<div align="center">
<h3>
<div align="center"><p>other ways of tuneing in</p></div>
<p>Station: Coolvibes|Reloaded</p>
<br>
</h3>
<div id="cc_tunein">
<a href="http://boogie.vside-radio.com:2199/tunein/coolvibes.pls"><img align="absmiddle" src="http://boogie.vside-radio.com:2199/system/images/tunein-pls.png" border="0" alt="Winamp, iTunes" title="Winamp, iTunes" /></a>
<a href="http://boogie.vside-radio.com:2199/tunein/coolvibes.asx"><img align="absmiddle" src="http://boogie.vside-radio.com:2199/system/images/tunein-asx.png" border="0" alt="Windows Media Player" title="Windows Media Player" /></a>
<a href="http://boogie.vside-radio.com:2199/tunein/coolvibes.ram"><img align="absmiddle" src="http://boogie.vside-radio.com:2199/system/images/tunein-ram.png" border="0" alt="Real Player" title="Real Player" /></a>
<a href="http://boogie.vside-radio.com:2199/tunein/coolvibes.qtl"><img align="absmiddle" src="http://boogie.vside-radio.com:2199/system/images/tunein-qtl.png" border="0" alt="QuickTime" title="QuickTime" /></a>
<center>
<p>ways of tunein in</p>
<p>Subscribe</p>
<div align="right">
<p>Subscribe<a href="http://coolvibes-reloaded.com/subscribe.html"> Here</a> And Get Latest Updates</p>
</div>
</center>
<center>
<p>Download the Get Me Radio! Roku TV App from <a href="https://channelstore.roku.com/en-gb/details/b97490a8fb5758527be0396e43422e42/get-me-radio">here</a> and then search for Coolvibes Radio.
</center>
</p>
<center>
<p>Download the Get Me Radio! Android App <a href="https://play.google.com/store/apps/details?id=com.getmeradio.gmr">from here</a> and search for Coolvibes Radio on our Mobile App.
<div align="right">
<p>Subscribe<a href="http://coolvibes-reloaded.com/subscribe.html"> Here</a> And Get Latest Updates</p>
</center>
</div>
</p>
</div>
</div>
</div>
</div>
</footer>
<div>
<center>© Copyright 2021 | 2024 <strong>Coolvibes Reloaded</strong> | All Rights Reserved | Site by <a href="http://www.coolvibes-reloaded.com/" target="_blank">coolvibes</a>
</div>
</center>
<!-- End page content -->
</div>
<script>
// Script to open and close sidebar
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
</script>
</body>
</html>
<!-- partial -->
<script src='https://codepen.io/_fbrz/pen/9a3e4ee2ef6dfd479ad33a2c85146fc1.js'></script>
</body>
</html>