HTML Site Problems

S

strawbs

Joined
Jun 14, 2018
Messages
110
Reaction score
1
hi all i'm having trouble with a site i'm building

i didn't want the yellow color every were
i wanted my listen live text next to my link

also i don't want that nasty yellow were my text is, especially on the nav bar

Code: 
<!doctype html>
<html lang="en">
<head>
<title> hottunez </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
header {
  background-color: #ccffff;
  padding: 30px;
  text-align: center;
  font-size: 55px
  color: white;
}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav, article {
    width: 100%;
    height: auto;
  }
}
</style>
</head>
<body>
<body>

<header>
<style>


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200 px
background-color: #f1f1f1;
border: 1px solid #555;

}

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

li a.active {
  background-color: #ccffff;
  color: white;
}

li a:hover:not(.active) {
  background-color: #555;
  color: white;
}
</style>
</head>
<ul>

<html>
<head>
<style>

a {
  color: hotpink;
}
</style>
</head>
<body>


<p> Tunein</p><a href="javascript:;" onClick="window.open('http://www.hottunez-radio.com/player.php','wimpyMP3player','width=480,height=140')">Launch Jukebox</a>

<br>
<br>

</body>
</html>
  <a class="active" href="#home">Home</a>
  <a href="#presenters">Presenters</a>
  <a href="#schedule">Schedule</a>
  <a href="#podcast&chat">Podcast&Chat</a>
</ul>

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
 
}

div {
 
}

p {
  background-color: yellow;
}
</style>
</head>
<body>


<div>



</div>

</body>
</html>
 
</header>




<p> <a name="Home"> Welcome To Hottunez Radio We Have Been Running Since 2001 it went into a virtual world called vside and second, but nower days we are streaming to the people of the word. we stream a variety of music such a pop, dance, rnb, hardstyle and many more </a> </p>

</body>




</html>
 
Last edited by a moderator:
sunfighter

sunfighter

Joined
Nov 27, 2019
Messages
163
Reaction score
28
Your code is horrible strawbs. You should only have one <head> and one <body> not the 6 or 8 that you have. all of your styling should be contained in ONE <style> tag and that placed in the HEAD. Here are two errors in the CSS and that changed how your site looks:
Code: 
header {
background-color: #ccffff;
padding: 30px;
text-align: center;
font-size: 55px; // added the semicolon
color: white;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px; // added the semicolon and removed gap between 200 and px
background-color: #f1f1f1;
border: 1px solid #555;
}

This puts a yellow color behind your text and the words 'tune in':
Code: 
p {
background-color: yellow;
}
 
S

strawbs

Joined
Jun 14, 2018
Messages
110
Reaction score
1
sorry i have another problem now

i'm trying to get the nav links in the top left or top right, in my case its top right

here's my code

<!doctype html>
<head>
<title>Hot Tunez Radio</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<center><!DOCTYPE html>
<html>
<body>




</body>
</html></center>

<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

li {
float: right;
}

li a {
display: block;
padding: 0px;
background-color: #dddddd;
}
</style>
</head>
<body>

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* Style the body */
body {
font-family: Arial;
margin: 0;
}

/* Header/Logo Title */
.header {
padding: 60px;
text-align: center;
background: #1abc9c;
color: white;
font-size: 20px;
}

/* Page Content */
.content {padding:20px;}
</style>
</head>
<body>

<div align="left"><div class="header">
<ul>
<a href="http://hottunez-radio.com">Home</a></li>
<a href="#news">News</a></li>
<a href="#contact">Contact</a></li>
<a href="#about">Request</a></li>
</ul>
</div>

<div class="content">


</div>

</body>
</html>

<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: ;
}

li {
float: right;
}

li a {
display: block;
color: dark blue;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover {
background-color: #dddddd;
}
</style>
</head>
<body>



</body>
</html>




</body>



<center><!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container mt-3">





<div align="right"><?php
$test = exec('curl -X GET "http://176.9.139.122/api/nowplaying" -H "accept: */*"');
$test2 = json_decode($test, True);
if($test2[1]['live']['is_live']== 0)
{
$playing = $test2[1]['now_playing']['song']['text'];
$img = "http://hottunez-radio.com/images/AutoDj.png";
echo "Now Live:<br /> <img src='$img' width='160'><br />Auto DJ<br /> <br>$playing<br>";
}
else
{
$live = $test2[1]['live']['streamer_name'];
$playing = $test2[1]['now_playing']['song']['text'];
$img = "images/$live.jpg";
echo "<font color='pink'>Now Live:</font><br /><img src='$img' width='200' height=\"200\"><br /> $live<br /><font color='black'> $playing</font>";

}
?>

</div>


</body>
</html>
</center>
<!DOCTYPE html>
<html>
<head>
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//ajax.googleapis.com">
<title>HotTunez Requests</title>
<meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
<style>
<?php include 'main.css'; ?>
</style>

</head>
<?php
include 'config.php';
include 'functions.php';
?>

<body>
<button id="toTop" title="Go to top">Top</button>

<?php
if (!$conn) {
echo "<center><table class=\"table\" style=\"width: 300px; text-align: center\"><td>".$lang['OFFLINE']."</td></table></center>";
} else {
?>
<div class="content">

<table class="table table1" style="width: 700px"><td><center><?php echo $lang['REQUESTED_TRACK_LIMITS'].''.$reqLimit.''.$lang['REQUESTED_TRACK_LIMITS1'].''.$req_wait.''.$lang['REQUESTED_TRACK_LIMITS2']; ?> </center></td></table>

<?php

if (!$req_event == 0) {
echo "<table class=\"table\" style=\"width: 400px; text-align: center\"><td>".$lang['REQ_EVENT']." ".$req_event." ",$lang['REQ_EVENT2']."</td></table>";
} ?>

<div style="text-align: center;"><?php echo $lang['REQ_A_TRACK']; ?></div>
<table class="table sbox" style="width: 70%">
<tr>
<td>

<?php

$targetpage = $_SERVER['SCRIPT_NAME']; //Link to this page

$srch = "";
$srchpath = "";
$srcquery = "";
$page = 1;
$reqid = "";
$notin = "AND id_subcat NOT IN(".$reqsubcat.")";


if (isset($_GET['searchterm'])) {
if ($_GET['searchterm'] != "") {
if (!empty($reqsubcat)) {
$srch = mysqli_real_escape_string($conn, $_GET['searchterm']);
$srchpath = "&searchterm=$srch";
$srcquery = "AND `enabled`= 1 AND (`artist` LIKE '%$srch%') OR (`title` LIKE '%$srch%') $notin "; //Search artist and title not in selected subcats only enabled tracks.
} else {
$srch = mysqli_real_escape_string($conn, $_GET['searchterm']);
$srchpath = "&searchterm=$srch";
$srcquery = "AND `enabled`= 1 AND (`artist` LIKE '%$srch%') OR (`title` LIKE '%$srch%')"; //Search artist and title only on enabled tracks.
}
}
echo "<center><div id=\"notfind\">".$lang['ERROR_FIND']."<br><br>
<A HREF=\"javascript:javascript:history.go(-1)\"><button class=\"button back\">".$lang['GO_BACK']."</button></A></div></center>";
}

//Get the page if it's requested
if (isset($_GET['page'])) {
$page = mysqli_real_escape_string($conn, $_GET['page']);
}

if ($page) {
$start = ($page - 1) * $page_limit;
} else {
$start = 0;
}

if (isset($_POST['reqsubmit'])) {

/*
ERROR CODES:
0 = No error
1 = no user name
2 = no requested track
3 = track already in queue
4 = request limit reached
5 = Waiting time not over
*/

$reqname = mysqli_escape_string($conn, $_POST['requsername']);
$reqmsg = mysqli_escape_string($conn, $_POST['reqmessage']);
$reqsongID = mysqli_escape_string($conn, $_POST['songID']);
$reqIP = getRealIpAddr();


$error = 0;
$reccount = 0;

if (!$reqname) {
$error = 1;
}
if (!$reqsongID) {
$error = 2;
}

if ($error == 0) {



//track is already requested?
$recheck = "SELECT COUNT(*) AS num FROM `requests` WHERE `songID`='$reqsongID' AND `played`='0' AND `song_type`='0';";
$total_req = mysqli_fetch_array(mysqli_query($conn, $recheck));

if ($total_req['num'] > 0) {
$error = 3;
}

@mysqli_free_result($conn, $total_req);

if ($error == 0) {
//user has reached the request limit?
$recheck = "SELECT COUNT(*) AS num FROM `requests` WHERE `userIP`='$reqIP' AND DATE(`requested`) = DATE(NOW());";
$total_req = mysqli_fetch_array(mysqli_query($conn, $recheck));

if ($total_req['num'] >= $reqLimit) {
$error = 4;
$reccount = $total_req['num'];
}
# check if waiting time is over for new request.

$sql= "SELECT * FROM `requests` WHERE `userIP`='$reqIP' ORDER BY `requested` DESC LIMIT 1 ";
$res = $conn->query($sql);

if ($res->num_rows > 0) {
while ($row = mysqli_fetch_assoc($res)) {
$timex= $row['requested'];
}
$calc = strtotime($timex);
$calc2 = date('Y-m-d H:i:s');
$calc3 = strtotime($calc2);
$calc4 = ($calc3-$calc) / 60;
$min = intval($calc4);

if ($min < $req_wait) {
$error = 5;
}
}

# check waiting time end.
@mysqli_free_result($conn, $total_req);
}
}

switch ($error) {
case 0:
echo "<center>";
$queryx = "INSERT INTO `requests` SET `songID`='$reqsongID', `username`='$reqname', `userIP`='$reqIP', `message`='$reqmsg', `requested`=now();";
$resultx = mysqli_query($conn, $queryx);

if ($resultx > 0) {
$nu1= $total_req['num'];
$nu2 = $nu1+1;
echo "<div class=\"noticediv\">" . $lang['MSG_REQSUCCESS'] . " <b>".$nu2."</b> ".$lang['MSG_REQSUCCESS_TOT']." <b>".$reqLimit."</b>";
if ($nu2 == $req_wait) {
echo "<center><div class=\"errordiv\">" . $lang['ERROR_LIMITREACHED2'] . "</div></center><br><br>";
} else {
echo "<br />".$lang['WAIT']." ".$req_wait." ".$lang['WAIT2']."</div>";
}
} else {
echo "<center><div class=\"errordiv\"><center>" . $lang['ERROR_UNKNOWN'] . "</center></div></center><br /><br>";
}

@mysqli_free_result($conn, $resultx);
echo '</center>';

break;
case 1:
echo '<center>';
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_USERNAME'] . "</center></div></center><br />";
echo "<div id=\"back\"><center><br><br><A HREF=\"javascript:javascript:history.go(-1)\"><button
class=\"back\">".$lang['GO_BACK']."</button></A></center>";

break;
echo '</center>';
case 2:
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_TRACKID'] . " </center></div></center><br />";
echo "<center><A HREF=\"javascript:javascript:history.go(-1)\">".$lang['GO_BACK']."</A></center><br><br>";
break;
case 3:
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_TRACKREQ'] . "</center></div></center><br /><br>";
break;
case 4:
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_LIMITREACHED'] . " (" . $reccount . "/" . $reqLimit . ")" . "</center></div></center><br /><br>";
break;
case 5:
$wait_time= $req_wait-$min;
echo "<br><center><div class=\"errordiv\">" . $lang['ERROR_TRACKREQ_TIME'] . " ".$wait_time." ".$lang['ERROR_TRACKREQ_TIME2']."</div></center><br>";
break;
}


$reqid = "";
}

//Get the page if it's requested
if (isset($_GET['requestid'])) {
if ($_GET['requestid'] != "") {
$reqid = mysqli_escape_string($conn, $_GET['requestid']);
//Get track artist Name and title.
$querysong = "SELECT * FROM `songs` WHERE `ID` = $reqid AND `enabled`= '1' AND `song_type`='0' ";
$queryderp = mysqli_query($conn, $querysong);

while ($row = mysqli_fetch_assoc($queryderp)) {
$title= $row['title'];
$artist= $row['artist'];
}



echo "<div class=\"selection\">".$lang['REQ_SELECTED']. " ". $artist." - ".$title."</div></td></tr>";

echo "<table>";
echo " <form id=\"formrequest\" name=\"formrequest\" method=\"post\" action=\"$targetpage?page=$page$srchpath\">";
echo " <table align=\"center\" width=\"500\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\" class=\"nobar\">";
echo " <tr>";

echo "<td><div align=\"center\"><p>" . $lang['REQ_DESCRIPTION'] . "</p></div></td>";
echo " </tr>";
echo " <tr>";

echo " <td><input type=\"text\" autofocus name=\"requsername\" placeholder=\"" . $lang['REQ_NAME'] . "\" /></td>";
echo " </tr>";
echo " <tr>";

echo " <td colspan=\"3\"><div class=\"message\"><textarea name=\"reqmessage\" rows=\"5\" cols=\"80\" placeholder=\"" . $lang['REQ_MESSAGE'] . "\"></textarea></div></td>";
echo " </tr>";
echo " <tr>";
echo " <td colspan=\"2\"><div align=\"center\"><input type=\"Submit\" name=\"reqsubmit\" value=\"" . $lang['REQ_BUTTON'] . "\" /></div></td>";
echo " </tr>";
echo " </table>";
echo " <INPUT TYPE=\"hidden\" name=\"songID\" value=\"$reqid\">";
echo " </form>";
echo " </div>";
echo "</td></table>";
echo "<div id=\"back\"><center><br><br><A HREF=\"javascript:javascript:history.go(-1)\"><button
class=\"back\">".$lang['GO_BACK']."</button></A></center>";
echo '</td></table></center></div>';
}
}

//================//

if ($reqid == "") {


//Get the number of items
if (!empty($reqsubcat)) {
$query = "SELECT COUNT(*) as num FROM `songs` WHERE `enabled`='1' $srcquery AND `song_type`='0' $notin ";
$total_pages = mysqli_fetch_array(mysqli_query($conn, $query));
$total_pages = $total_pages['num'];
} else {
$query = "SELECT COUNT(*) as num FROM `songs` WHERE `enabled`='1' $srcquery AND `song_type`='0' ";
$total_pages = mysqli_fetch_array(mysqli_query($conn, $query));
$total_pages = $total_pages['num'];
}

//Get page data (To inplant left join queuelist see)
if (!empty($reqsubcat)) {
$query1 = "SELECT `ID`, `artist`, `title`, `year`, `duration`, `date_played`, `artist_played`,`id_subcat` FROM `songs` WHERE `enabled`='1' $srcquery AND`song_type`='0' $notin ORDER BY `artist` ASC LIMIT $start, $page_limit";
$result = mysqli_query($conn, $query1);
} else {
$query1 = "SELECT `ID`, `artist`, `title`, `year`, `duration`, `date_played`, `artist_played`,`id_subcat` FROM `songs` WHERE `enabled`='1' $srcquery AND`song_type`='0' ORDER BY `artist` ASC LIMIT $start, $page_limit";
$result = mysqli_query($conn, $query1);
}
// Initial page num setup
if ($page == 0) {
$page = 1;
}
$prev = $page - 1;
$next = $page + 1;
$lastpage = ceil($total_pages/$page_limit);
$LastPagem1 = $lastpage - 1;

$paginate = '';

if ($lastpage > 1) {
$paginate .= "<div class='paginate'>";
//Placeholder for previous so buttons don't move after page 1
if ($page == 1) {
$paginate.= "<span style\"visibility:normal;\"><a id='prev' style=\"background-color: var(--button-hover-color);cursor: default !important; opacity:0.6;\">" . $lang['NAV_PREV'] . "</a></span> ";
}
// Previous
if ($page > 1) {
$paginate.= "<a href='$targetpage?page=$prev$srchpath' id='prev'>" . $lang['NAV_PREV'] . "</a> ";
}

// Pages

if ($lastpage < 7 + ($adjacents * 2)) {
for ($counter = 1; $counter <= $lastpage; $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}
} elseif ($lastpage > 5 + ($adjacents * 2)) {

// Beginning only hide later pages
if ($page < 1 + ($adjacents * 2)) {
for ($counter = 1; $counter < 4 + ($adjacents * 2); $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}

$paginate.= "<strong>...</strong>";
$paginate.= "<a href='$targetpage?page=$LastPagem1$srchpath'> $LastPagem1 </a>";
$paginate.= "<a href='$targetpage?page=$lastpage$srchpath'> $lastpage </a>";
} elseif ($lastpage - ($adjacents * 2) > $page && $page > ($adjacents * 2)) {
$paginate.= "<a href='$targetpage?page=1$srchpath'> 1 </a>";
$paginate.= "<a href='$targetpage?page=2$srchpath'> 2 </a>";
$paginate.= "<strong>...</strong>";

for ($counter = $page - $adjacents; $counter <= $page + $adjacents; $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}

$paginate.= "<strong>...</strong>";
$paginate.= "<a href='$targetpage?page=$LastPagem1$srchpath'> $LastPagem1 </a>";
$paginate.= "<a href='$targetpage?page=$lastpage$srchpath'> $lastpage </a>";
} else {
$paginate.= "<a href='$targetpage?page=1$srchpath'> 1 </a>";
$paginate.= "<a href='$targetpage?page=2$srchpath'> 2 </a>";
$paginate.= "<strong>...</strong>";

for ($counter = $lastpage - (2 + ($adjacents * 2)); $counter <= $lastpage; $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}
}
}

// Next
if ($page < $counter - 1) {
$paginate.= "<a href='$targetpage?page=$next$srchpath' id='next'> " . $lang['NAV_NEXT'] . "</a>";
}


//Placeholder for next so buttons don't move after last page
if ($page == $counter) {
$paginate.= "<span><a id='next' style=\"background-color: var(--button-hover-color);cursor: default !important; opacity:0.6;\">" . $lang['NAV_NEXT'] . "</a></span> ";
}


$paginate.= "</div>";
}
if (isset($_GET['random'])) {
if ($random = '1') {
$query1 = "select * from songs WHERE `enabled`='1' AND `song_type`='0' ORDER BY RAND() LIMIT 0,$random_limit";
$result = mysqli_query($conn, $query1);
}
}
//Search box
echo '<div align="center" class="sbox" style="width:50%;">';
echo "<form name=\"input\" action=\"$targetpage\" method=\"get\">";
echo " <input type=\"text\" value=\"$srch\" name=\"searchterm\"
placeholder=\"" . $lang['SEARCH_TXT'] . "\"> <input type=\"submit\" value=\"" . $lang['SEARCH_BUTTON'] . "\"><INPUT class=\"random\" Type=\"BUTTON\" VALUE=\"" . $lang['REQ_RANDOM'] . "&nbsp;" . $random_limit . "\" ONCLICK=\"window.location.href='?random=$random_seed'\">";
// echo '<br />';

echo '</form>';
echo '</div>';

if ($total_pages > 0) {
echo '<div id="paginate" $hidepages align="center">' . $paginate . '</div>';
//Results table
echo "<center>";
echo '<br><table class= "tablespec" border="0" cellspacing="0" cellpadding="5" width="90%">';
echo " <tr>" . "";
echo " <th style='width:6%;text-align: center;'>".$lang['COL_NUM']."</th>";
echo " <th style='width:35%;'>" . $lang['COL_ARTIST'] . "</th><th style='width:50%;'>".$lang['COL_TITLE']."</th>";
//echo " <th style='width:40%;'>" . $lang['COL_YEAR'] . "</th>";
echo " <th style='width:5%;'>" . $lang['COL_DURATION'] . "</th>";
echo " <th style='width:75px;'>" . $lang['COL_REQ'] . "</th>";
echo " </tr>" . "";

$cnt = 1+($page_limit*$page)-$page_limit; //Results counter

//Add results to the table
while ($row = mysqli_fetch_assoc($result)) {
echo " <tr>" . "";
echo " <td style='text-align: center;'>$cnt</td>";
echo " <td>" . $row['artist'] . "</td><td>".$row['title']."</td>";
// echo " <td>" . $row['year'] . "</td>";
echo " <td>" . convertTime($row['duration']) . "</td>";
if (track_can_play($row['date_played'], $row['artist_played']) == true) {
echo " <td class=\"entry_no\"><a href=\"$targetpage?page=$page&requestid=" . $row['ID'] . "\" title=\"" . $lang['ALT_REQ'] . "\"><button>".$lang['REQ_SELECT']."</button></a></td>";
} else {
echo " <td class=\"entry_no\"><center><span class=\"noreq\">".$lang['NOREQ']."</span></center></td>";
}

echo " </tr>";
$cnt++;
}

@mysqli_free_result($conn, $result);
echo "</center>"; ?>

</table>
<br />

<?php
if (isset($_GET['random'])) {
echo " <INPUT class=\"random\" Type=\"BUTTON\" style=\"width: auto; display:inline-block;padding: 10px !important;\" VALUE=\"" . $lang['REQ_RANDOM2'] . "&nbsp;" . $random_limit . "\" ONCLICK=\"window.location.href='?random=$random_seed'\">";
} else {
//Add the bottom pagination
echo '<div id="paginate" align="center">' . $paginate . '</div>';
}
} else {
echo "<center><div class=\"errordiv\">" . $lang['MSG_NORESULTS'] . "</div></center>";
}
} ?>
</td>
</tr>
</table>
</center>
</div>
<?php
}

?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('#toTop').show();
} else {
$('#toTop').hide();
}
});
$('#toTop').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
</body>
</html>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
Your browser does not support the HTML5 canvas tag.
</canvas>

</body>
</html>

</body>
</html>

<!DOCTYPE html>
<html>
<body>



<center><!DOCTYPE html>
<html>
<body text="green">







</body>
</html></center>
<!DOCTYPE html>
<html>
<head>
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//ajax.googleapis.com">
<title>HotTunez Requests</title>
<meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
<style>
<?php include 'main.css'; ?>
</style>

</head>
<?php
include 'config.php';
include 'functions.php';
?>

<body>
<button id="toTop" title="Go to top">Top</button>

<?php
if (!$conn) {
echo "<center><table class=\"table\" style=\"width: 300px; text-align: center\"><td>".$lang['OFFLINE']."</td></table></center>";
} else {
?>
<div class="content">

<table class="table table1" style="width: 700px"><td><center><?php echo $lang['REQUESTED_TRACK_LIMITS'].''.$reqLimit.''.$lang['REQUESTED_TRACK_LIMITS1'].''.$req_wait.''.$lang['REQUESTED_TRACK_LIMITS2']; ?> </center></td></table>

<?php

if (!$req_event == 0) {
echo "<table class=\"table\" style=\"width: 400px; text-align: center\"><td>".$lang['REQ_EVENT']." ".$req_event." ",$lang['REQ_EVENT2']."</td></table>";
} ?>

<div style="text-align: center;"><?php echo $lang['REQ_A_TRACK']; ?></div>
<table class="table sbox" style="width: 70%">
<tr>
<td>

<?php

$targetpage = $_SERVER['SCRIPT_NAME']; //Link to this page

$srch = "";
$srchpath = "";
$srcquery = "";
$page = 1;
$reqid = "";
$notin = "AND id_subcat NOT IN(".$reqsubcat.")";


if (isset($_GET['searchterm'])) {
if ($_GET['searchterm'] != "") {
if (!empty($reqsubcat)) {
$srch = mysqli_real_escape_string($conn, $_GET['searchterm']);
$srchpath = "&searchterm=$srch";
$srcquery = "AND `enabled`= 1 AND (`artist` LIKE '%$srch%') OR (`title` LIKE '%$srch%') $notin "; //Search artist and title not in selected subcats only enabled tracks.
} else {
$srch = mysqli_real_escape_string($conn, $_GET['searchterm']);
$srchpath = "&searchterm=$srch";
$srcquery = "AND `enabled`= 1 AND (`artist` LIKE '%$srch%') OR (`title` LIKE '%$srch%')"; //Search artist and title only on enabled tracks.
}
}
echo "<center><div id=\"notfind\">".$lang['ERROR_FIND']."<br><br>
<A HREF=\"javascript:javascript:history.go(-1)\"><button class=\"button back\">".$lang['GO_BACK']."</button></A></div></center>";
}

//Get the page if it's requested
if (isset($_GET['page'])) {
$page = mysqli_real_escape_string($conn, $_GET['page']);
}

if ($page) {
$start = ($page - 1) * $page_limit;
} else {
$start = 0;
}

if (isset($_POST['reqsubmit'])) {

/*
ERROR CODES:
0 = No error
1 = no user name
2 = no requested track
3 = track already in queue
4 = request limit reached
5 = Waiting time not over
*/

$reqname = mysqli_escape_string($conn, $_POST['requsername']);
$reqmsg = mysqli_escape_string($conn, $_POST['reqmessage']);
$reqsongID = mysqli_escape_string($conn, $_POST['songID']);
$reqIP = getRealIpAddr();


$error = 0;
$reccount = 0;

if (!$reqname) {
$error = 1;
}
if (!$reqsongID) {
$error = 2;
}

if ($error == 0) {



//track is already requested?
$recheck = "SELECT COUNT(*) AS num FROM `requests` WHERE `songID`='$reqsongID' AND `played`='0' AND `song_type`='0';";
$total_req = mysqli_fetch_array(mysqli_query($conn, $recheck));

if ($total_req['num'] > 0) {
$error = 3;
}

@mysqli_free_result($conn, $total_req);

if ($error == 0) {
//user has reached the request limit?
$recheck = "SELECT COUNT(*) AS num FROM `requests` WHERE `userIP`='$reqIP' AND DATE(`requested`) = DATE(NOW());";
$total_req = mysqli_fetch_array(mysqli_query($conn, $recheck));

if ($total_req['num'] >= $reqLimit) {
$error = 4;
$reccount = $total_req['num'];
}
# check if waiting time is over for new request.

$sql= "SELECT * FROM `requests` WHERE `userIP`='$reqIP' ORDER BY `requested` DESC LIMIT 1 ";
$res = $conn->query($sql);

if ($res->num_rows > 0) {
while ($row = mysqli_fetch_assoc($res)) {
$timex= $row['requested'];
}
$calc = strtotime($timex);
$calc2 = date('Y-m-d H:i:s');
$calc3 = strtotime($calc2);
$calc4 = ($calc3-$calc) / 60;
$min = intval($calc4);

if ($min < $req_wait) {
$error = 5;
}
}

# check waiting time end.
@mysqli_free_result($conn, $total_req);
}
}

switch ($error) {
case 0:
echo "<center>";
$queryx = "INSERT INTO `requests` SET `songID`='$reqsongID', `username`='$reqname', `userIP`='$reqIP', `message`='$reqmsg', `requested`=now();";
$resultx = mysqli_query($conn, $queryx);

if ($resultx > 0) {
$nu1= $total_req['num'];
$nu2 = $nu1+1;
echo "<div class=\"noticediv\">" . $lang['MSG_REQSUCCESS'] . " <b>".$nu2."</b> ".$lang['MSG_REQSUCCESS_TOT']." <b>".$reqLimit."</b>";
if ($nu2 == $req_wait) {
echo "<center><div class=\"errordiv\">" . $lang['ERROR_LIMITREACHED2'] . "</div></center><br><br>";
} else {
echo "<br />".$lang['WAIT']." ".$req_wait." ".$lang['WAIT2']."</div>";
}
} else {
echo "<center><div class=\"errordiv\"><center>" . $lang['ERROR_UNKNOWN'] . "</center></div></center><br /><br>";
}

@mysqli_free_result($conn, $resultx);
echo '</center>';

break;
case 1:
echo '<center>';
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_USERNAME'] . "</center></div></center><br />";
echo "<div id=\"back\"><center><br><br><A HREF=\"javascript:javascript:history.go(-1)\"><button
class=\"back\">".$lang['GO_BACK']."</button></A></center>";

break;
echo '</center>';
case 2:
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_TRACKID'] . " </center></div></center><br />";
echo "<center><A HREF=\"javascript:javascript:history.go(-1)\">".$lang['GO_BACK']."</A></center><br><br>";
break;
case 3:
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_TRACKREQ'] . "</center></div></center><br /><br>";
break;
case 4:
echo "<br><center><div class=\"errordiv\"><center>" . $lang['ERROR_LIMITREACHED'] . " (" . $reccount . "/" . $reqLimit . ")" . "</center></div></center><br /><br>";
break;
case 5:
$wait_time= $req_wait-$min;
echo "<br><center><div class=\"errordiv\">" . $lang['ERROR_TRACKREQ_TIME'] . " ".$wait_time." ".$lang['ERROR_TRACKREQ_TIME2']."</div></center><br>";
break;
}


$reqid = "";
}

//Get the page if it's requested
if (isset($_GET['requestid'])) {
if ($_GET['requestid'] != "") {
$reqid = mysqli_escape_string($conn, $_GET['requestid']);
//Get track artist Name and title.
$querysong = "SELECT * FROM `songs` WHERE `ID` = $reqid AND `enabled`= '1' AND `song_type`='0' ";
$queryderp = mysqli_query($conn, $querysong);

while ($row = mysqli_fetch_assoc($queryderp)) {
$title= $row['title'];
$artist= $row['artist'];
}



echo "<div class=\"selection\">".$lang['REQ_SELECTED']. " ". $artist." - ".$title."</div></td></tr>";

echo "<table>";
echo " <form id=\"formrequest\" name=\"formrequest\" method=\"post\" action=\"$targetpage?page=$page$srchpath\">";
echo " <table align=\"center\" width=\"500\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\" class=\"nobar\">";
echo " <tr>";

echo "<td><div align=\"center\"><p>" . $lang['REQ_DESCRIPTION'] . "</p></div></td>";
echo " </tr>";
echo " <tr>";

echo " <td><input type=\"text\" autofocus name=\"requsername\" placeholder=\"" . $lang['REQ_NAME'] . "\" /></td>";
echo " </tr>";
echo " <tr>";

echo " <td colspan=\"3\"><div class=\"message\"><textarea name=\"reqmessage\" rows=\"5\" cols=\"80\" placeholder=\"" . $lang['REQ_MESSAGE'] . "\"></textarea></div></td>";
echo " </tr>";
echo " <tr>";
echo " <td colspan=\"2\"><div align=\"center\"><input type=\"Submit\" name=\"reqsubmit\" value=\"" . $lang['REQ_BUTTON'] . "\" /></div></td>";
echo " </tr>";
echo " </table>";
echo " <INPUT TYPE=\"hidden\" name=\"songID\" value=\"$reqid\">";
echo " </form>";
echo " </div>";
echo "</td></table>";
echo "<div id=\"back\"><center><br><br><A HREF=\"javascript:javascript:history.go(-1)\"><button
class=\"back\">".$lang['GO_BACK']."</button></A></center>";
echo '</td></table></center></div>';
}
}

//================//

if ($reqid == "") {


//Get the number of items
if (!empty($reqsubcat)) {
$query = "SELECT COUNT(*) as num FROM `songs` WHERE `enabled`='1' $srcquery AND `song_type`='0' $notin ";
$total_pages = mysqli_fetch_array(mysqli_query($conn, $query));
$total_pages = $total_pages['num'];
} else {
$query = "SELECT COUNT(*) as num FROM `songs` WHERE `enabled`='1' $srcquery AND `song_type`='0' ";
$total_pages = mysqli_fetch_array(mysqli_query($conn, $query));
$total_pages = $total_pages['num'];
}

//Get page data (To inplant left join queuelist see)
if (!empty($reqsubcat)) {
$query1 = "SELECT `ID`, `artist`, `title`, `year`, `duration`, `date_played`, `artist_played`,`id_subcat` FROM `songs` WHERE `enabled`='1' $srcquery AND`song_type`='0' $notin ORDER BY `artist` ASC LIMIT $start, $page_limit";
$result = mysqli_query($conn, $query1);
} else {
$query1 = "SELECT `ID`, `artist`, `title`, `year`, `duration`, `date_played`, `artist_played`,`id_subcat` FROM `songs` WHERE `enabled`='1' $srcquery AND`song_type`='0' ORDER BY `artist` ASC LIMIT $start, $page_limit";
$result = mysqli_query($conn, $query1);
}
// Initial page num setup
if ($page == 0) {
$page = 1;
}
$prev = $page - 1;
$next = $page + 1;
$lastpage = ceil($total_pages/$page_limit);
$LastPagem1 = $lastpage - 1;

$paginate = '';

if ($lastpage > 1) {
$paginate .= "<div class='paginate'>";
//Placeholder for previous so buttons don't move after page 1
if ($page == 1) {
$paginate.= "<span style\"visibility:normal;\"><a id='prev' style=\"background-color: var(--button-hover-color);cursor: default !important; opacity:0.6;\">" . $lang['NAV_PREV'] . "</a></span> ";
}
// Previous
if ($page > 1) {
$paginate.= "<a href='$targetpage?page=$prev$srchpath' id='prev'>" . $lang['NAV_PREV'] . "</a> ";
}

// Pages

if ($lastpage < 7 + ($adjacents * 2)) {
for ($counter = 1; $counter <= $lastpage; $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}
} elseif ($lastpage > 5 + ($adjacents * 2)) {

// Beginning only hide later pages
if ($page < 1 + ($adjacents * 2)) {
for ($counter = 1; $counter < 4 + ($adjacents * 2); $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}

$paginate.= "<strong>...</strong>";
$paginate.= "<a href='$targetpage?page=$LastPagem1$srchpath'> $LastPagem1 </a>";
$paginate.= "<a href='$targetpage?page=$lastpage$srchpath'> $lastpage </a>";
} elseif ($lastpage - ($adjacents * 2) > $page && $page > ($adjacents * 2)) {
$paginate.= "<a href='$targetpage?page=1$srchpath'> 1 </a>";
$paginate.= "<a href='$targetpage?page=2$srchpath'> 2 </a>";
$paginate.= "<strong>...</strong>";

for ($counter = $page - $adjacents; $counter <= $page + $adjacents; $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}

$paginate.= "<strong>...</strong>";
$paginate.= "<a href='$targetpage?page=$LastPagem1$srchpath'> $LastPagem1 </a>";
$paginate.= "<a href='$targetpage?page=$lastpage$srchpath'> $lastpage </a>";
} else {
$paginate.= "<a href='$targetpage?page=1$srchpath'> 1 </a>";
$paginate.= "<a href='$targetpage?page=2$srchpath'> 2 </a>";
$paginate.= "<strong>...</strong>";

for ($counter = $lastpage - (2 + ($adjacents * 2)); $counter <= $lastpage; $counter++) {
if ($counter == $page) {
$paginate.= "<span class='current'> $counter </span>";
} else {
$paginate.= "<a href='$targetpage?page=$counter$srchpath'> $counter </a>";
}
}
}
}

// Next
if ($page < $counter - 1) {
$paginate.= "<a href='$targetpage?page=$next$srchpath' id='next'> " . $lang['NAV_NEXT'] . "</a>";
}


//Placeholder for next so buttons don't move after last page
if ($page == $counter) {
$paginate.= "<span><a id='next' style=\"background-color: var(--button-hover-color);cursor: default !important; opacity:0.6;\">" . $lang['NAV_NEXT'] . "</a></span> ";
}


$paginate.= "</div>";
}
if (isset($_GET['random'])) {
if ($random = '1') {
$query1 = "select * from songs WHERE `enabled`='1' AND `song_type`='0' ORDER BY RAND() LIMIT 0,$random_limit";
$result = mysqli_query($conn, $query1);
}
}
//Search box
echo '<div align="center" class="sbox" style="width:50%;">';
echo "<form name=\"input\" action=\"$targetpage\" method=\"get\">";
echo " <input type=\"text\" value=\"$srch\" name=\"searchterm\"
placeholder=\"" . $lang['SEARCH_TXT'] . "\"> <input type=\"submit\" value=\"" . $lang['SEARCH_BUTTON'] . "\"><INPUT class=\"random\" Type=\"BUTTON\" VALUE=\"" . $lang['REQ_RANDOM'] . "&nbsp;" . $random_limit . "\" ONCLICK=\"window.location.href='?random=$random_seed'\">";
// echo '<br />';

echo '</form>';
echo '</div>';

if ($total_pages > 0) {
echo '<div id="paginate" $hidepages align="center">' . $paginate . '</div>';
//Results table
echo "<center>";
echo '<br><table class= "tablespec" border="0" cellspacing="0" cellpadding="5" width="90%">';
echo " <tr>" . "";
echo " <th style='width:6%;text-align: center;'>".$lang['COL_NUM']."</th>";
echo " <th style='width:35%;'>" . $lang['COL_ARTIST'] . "</th><th style='width:50%;'>".$lang['COL_TITLE']."</th>";
//echo " <th style='width:40%;'>" . $lang['COL_YEAR'] . "</th>";
echo " <th style='width:5%;'>" . $lang['COL_DURATION'] . "</th>";
echo " <th style='width:75px;'>" . $lang['COL_REQ'] . "</th>";
echo " </tr>" . "";

$cnt = 1+($page_limit*$page)-$page_limit; //Results counter

//Add results to the table
while ($row = mysqli_fetch_assoc($result)) {
echo " <tr>" . "";
echo " <td style='text-align: center;'>$cnt</td>";
echo " <td>" . $row['artist'] . "</td><td>".$row['title']."</td>";
// echo " <td>" . $row['year'] . "</td>";
echo " <td>" . convertTime($row['duration']) . "</td>";
if (track_can_play($row['date_played'], $row['artist_played']) == true) {
echo " <td class=\"entry_no\"><a href=\"$targetpage?page=$page&requestid=" . $row['ID'] . "\" title=\"" . $lang['ALT_REQ'] . "\"><button>".$lang['REQ_SELECT']."</button></a></td>";
} else {
echo " <td class=\"entry_no\"><center><span class=\"noreq\">".$lang['NOREQ']."</span></center></td>";
}

echo " </tr>";
$cnt++;
}

@mysqli_free_result($conn, $result);
echo "</center>"; ?>

</table>
<br />

<?php
if (isset($_GET['random'])) {
echo " <INPUT class=\"random\" Type=\"BUTTON\" style=\"width: auto; display:inline-block;padding: 10px !important;\" VALUE=\"" . $lang['REQ_RANDOM2'] . "&nbsp;" . $random_limit . "\" ONCLICK=\"window.location.href='?random=$random_seed'\">";
} else {
//Add the bottom pagination
echo '<div id="paginate" align="center">' . $paginate . '</div>';
}
} else {
echo "<center><div class=\"errordiv\">" . $lang['MSG_NORESULTS'] . "</div></center>";
}
} ?>
</td>
</tr>
</table>
</center>
</div>
<?php
}

?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('#toTop').show();
} else {
$('#toTop').hide();
}
});
$('#toTop').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
</body>
</html>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
Your browser does not support the HTML5 canvas tag.
</canvas>

</body>
</html>
 
Last edited:
sunfighter

sunfighter

Joined
Nov 27, 2019
Messages
163
Reaction score
28
If your not going to fix your coding:
Code: 
Your code is horrible strawbs. You should only have one <head> and one <body> not the 6 or 8 that you have. all of your styling should be contained in ONE <style> tag and that placed in the HEAD.
I'm not going to help.

Also this
Code: 
<center><!DOCTYPE html>
Claiming HTML5 and using a tag that is not supported in it.
 
sunfighter

sunfighter

Joined
Nov 27, 2019
Messages
163
Reaction score
28
OK sitt,ng around waiting for butter and eggs to come to room temp before making Thanksgiving Pies. Had time to kill so gave things a look see. When your asking for help with the HTML/CSS and your running a .php file you should first run the php file then right click on the webpage and select 'view page source' or something close to that instruction and post that. No one can run your php but you. When it's included in the post it just adds garbage to the page.

After removeing all the php the extra
<!doctype html>, <html>, <head>, and <body> tags. Combined two <style> sections. Moved things around, I found the problem The <li> tags were missing. When put back the menu is on the right.
Code: 
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hot Tunez Radio</title>
<link rel="dns-prefetch" href="//ajax.googleapis.com">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css">
<style>
    /* Style the body */
body {
    font-family: Arial;
    margin: 0;
}
/* Header/Logo Title */
.header {
    padding: 60px;
    text-align: center;
    background: #1abc9c;
    color: white;
    font-size: 20px;
}
/* Page Content */
.content {
    padding: 20px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
li {
    float: right;
}
li a {
    display: block;
    color: darkblue;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover {
    background-color: #dddddd;
}
</style>
</head>
<body>
<div class="header">
<ul>
    <li><a href="http://hottunez-radio.com">Home</a></li> <!-- these were missing -->
    <li><a href="#news">News</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#about">Request</a></li>
</ul>
</div>

<button id="toTop" title="Go to top">Top</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#toTop').show();
        } else {
            $('#toTop').hide();
        }
    });
    $('#toTop').click(function () {
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
});
$(document).ready(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#toTop').show();
        } else {
            $('#toTop').hide();
        }
    });
    $('#toTop').click(function () {
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
});
</script>
</body>
</html>
 
S

strawbs

Joined
Jun 14, 2018
Messages
110
Reaction score
1
thanks for reply but where do i have this go

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 50%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}

/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
</head>
<body>



<!-- Trigger/Open The Modal -->
<button id="myBtn">Request A Tune</button>

<!-- The Modal -->
<div id="myModal" class="modal">

<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>

<html>
<body>



<form action="(e-mail address removed)" method="post" enctype="text/plain">
<form action="(e-mail address removed)" method="post" enctype="text/plain">
Artist Name:<br>
<input type="text" name="name"><br>
E-mail:<br>
<input type="text" name="mail"><br>
Comment:<br>
<textarea="text" name="comment" size="30"><br><br>
<input type="submit" value="Dedicate It">
</form>

</body>
</html>
</div>

</div>

<script>
// Get the modal
var modal = document.getElementById("myModal");

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>

</body>
</html>
 
S

strawbs

Joined
Jun 14, 2018
Messages
110
Reaction score
1
i have another problem im stuck

im trying to position the images under the days menu i want to have the days in line

monday tuesday etc but im doing monday first



<head>
<title>Hot Tunez Radio</title>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="http://hottunez-radio.com/boottest/style.css" type="text/css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


<div class="header"

<html>
<body>

<div align="right"><h6><div class="navbar-header">

</div>
<ul class="nav navbar-nav">
<li class="active"><a href="http://hottunez-radio.com/boottest/new.php">Home</a></li>
<li><a href="http://hottunez-radio.com/boottest/Schedule.php">Schedule</a></li>
<li><a href="http://hottunez-radio.com/boottest/DJS.php">DJS</a></li>
<li><a href="#">Chat</a></li>
<li><a href="http://hottunez-radio.com/boottest/Artist Music Submission.php">Artist Music Submission</a></li>
<li><a href="http://hottunez-radio.com/boottest/podcasts.html">Podcasts</a></li>
</ul>
</div>
</nav></h6></div>





<center><p><b><h6>Awesome Sounds From Awesome Artists</p></b></h6></center>
<h6><center><html>
<div align="right"><div class="ar-sidebar-heading-bar">
<h3>
Side Stuff </h3>
</div>
<h6><div align="right"><?php
$test = exec('curl -X GET "http://176.9.139.122/api/nowplaying" -H "accept: */*"');
$test2 = json_decode($test, True);
if($test2[1]['live']['is_live']== 0)
{
$playing = $test2[1]['now_playing']['song']['text'];
$img = "http://beta.virtual-nexus.xyz/radio/images/Auto DJ.png";
echo "Now Live:<br /> <img src='$img' width='80'><br />Auto DJ<br />Now Playing: <br>$playing<br>";
}
else
{
$live = $test2[1]['live']['streamer_name'];
$playing = $test2[1]['now_playing']['song']['text'];
$img = "images/$live.jpg";
echo "<font color='white'>Now Live:</font><br /><img src='$img' width='100' height=\"100\"><br /> $live<br /><font color='white'>Now Playing: $playing</font>";

}

?></div></h6>

</ul>
<hr class="hidden-sm hidden-md hidden-lg">

</div>





<link rel="stylesheet" href="http://hottunez-radio.com/boottest/style.css" type="text/css">
</head>
<body>
<div id="page">

<div id="head area">

<html>




<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<div class="container-fluid">




</div>

</body>
</html>


<body>
<p>




</div>

<div class="container">
<div class="row">
<div class="col-sm-4">


<div style="background-color:black;color:white;padding:3px; height:56; width:770;">
<div align="left"><h2>Health&Social</h2>
</body>
</html>

<a href="http://www.lemongized.co.uk/">
<img border="4" alt="" src="http://hottunez-radio.com/images/lemon.jpg" width="100" height="100">
<p>!Try Lemongized Today, The Healthiest Drink For You!</p>
</a>
</p>

</body>
</html></right>
<center><meta name="viewport" content="width=device-width, initial-scale=1">


</body>
</html></center>

</ul>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div style="background-color:black;color:white;padding:3px; height:56; width:770;">

</body>
</html>
<div style="background-color:black;color:white;padding:3px; height:56; width:770;">
<div align="left"><h2>Presenters</h2>
<head>
<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}

div.gallery:hover {
border: 1px solid #777;
}

div.gallery img {
width: 100%;
height: auto;
}

div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>

<div class="gallery">
<a target="_blank" href="http://hottunez-radio.com/boottest/about/tasha.php">
<img src="http://hottunez-radio.com/images/tasha.jpg" width="600" height="400">
</a>

</div>

<div class="gallery">

<img src="http://hottunez-radio.com/images/strawbs.jpg" width="600" height="400">
</a>

</div>

<div class="gallery">

<img src="http://hottunez-radio.com/images/kenny.jpg" width="600" height="400">
</a>

</div>

<div class="gallery">

<img src="http://hottunez-radio.com/images/Matt.jpg" width="600" height="400">
</a>

</div>

</body>
</html>

<hr>

<head>
<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}

div.gallery:hover {
border: 1px solid #777;
}

div.gallery img {
width: 100%;
height: auto;
}

div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>

<div class="gallery">

<img src="http://hottunez-radio.com/images/jason.jpg" width="600" height="400">
</a>

</div>

<div class="gallery">
<a target="_blank" href="http://hottunez-radio.com/images/tasha.jpg">
<img src="http://hottunez-radio.com/images/tasha.jpg" width="600" height="400">
</a>

</div>

<div class="gallery">

<img src="http://hottunez-radio.com/images/tasha.jpg" width="600" height="400">
</a>

</div>

<div class="gallery">
<a target="_blank" href="http://hottunez-radio.com/images/tasha.jpg">
<img src="http://hottunez-radio.com/images/tasha.jpg" width="600" height="400">
</a>

</div>
</body>
</html>
<div class="col-sm-8">

</div>
<div class="col-sm-8">
<div style="background-color:black;color:white;padding:3px; height:56; width:770;">
<div align="left"><h2>Program</h2>

<ul>
<li class="menu-item">
<a href="http://hottunez-radio.com/boottest/#program-tab-1">Monday</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br><p>This is some text. <img src="smiley.gif" alt="Smiley face" width="42" height="42" align="left"> </p><br>

<a href="#">Tuesday</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br><p>This is some text. <img src="smiley.gif" alt="Smiley face" width="42" height="42" align="left"> </p><br>
<a href="#">Wedensday</a>
<a href="#">Thursday</a>
<a href="#">Friday</a>
<a href="#">Saturday</a>
<a href="#">Sunday</a>
</li>
</ul>
 
sunfighter

sunfighter

Joined
Nov 27, 2019
Messages
163
Reaction score
28
Don't know what to say. I gave you clean code in post #5. Use that not your junk. And post the CSS with it AFTER you fix the code. Go down load and use VScoder https://code.visualstudio.com/ and write code in that.
Also use the
Code: 
 tags to post your code.
 
S

strawbs

Joined
Jun 14, 2018
Messages
110
Reaction score
1
heres my css

.parent {

}

.child-one {
position: static;
}

.child-two {

}

.child-three {

}
<style>
/* Style the body */
body {
font-family: Bold;
margin: 10px;
}

/* Header/Logo Title */
.header {
padding: 70px;
text-align: top-center;
background: #ff5050;
color: yellow;
font-size: 30px;
}

/* Page Content */
.content {padding:20px;}
</style>
</head>
<body>
.menu-item{
list-style:none;
}
.menu-item a{
padding:20px;
padding-bottom:10px;

color:#1B3E70;
text-decoration:none;
}.menu-item a:hover{
background-color: red;
color: white;
}
.menu-item .active{
background-color:red;
color:white;
}
.parent {

}

.child-one {
position: relative;
relative 10px;
}

.child-two {

}

.child-three {

}
 
Last edited:
I

independent

Joined
Nov 23, 2019
Messages
72
Reaction score
1
hi strawbs,I think you need to learn some basics of html and js.
here is a good source that you could use: jon duckett html & css
the same author's javascript and jquery.

have good days...
 
krypton

krypton

Joined
Jan 4, 2020
Messages
10
Reaction score
2
strawbs said:
heres my css

.parent {

}

.child-one {
position: static;
}

.child-two {

}

.child-three {

}
<style>
/* Style the body */
body {
font-family: Bold;
margin: 10px;
}

/* Header/Logo Title */
.header {
padding: 70px;
text-align: top-center;
background: #ff5050;
color: yellow;
font-size: 30px;
}

/* Page Content */
.content {padding:20px;}
</style>
</head>
<body>
.menu-item{
list-style:none;
}
.menu-item a{
padding:20px;
padding-bottom:10px;

color:#1B3E70;
text-decoration:none;
}.menu-item a:hover{
background-color: red;
color: white;
}
.menu-item .active{
background-color:red;
color:white;
}
.parent {

}

.child-one {
position: relative;
relative 10px;
}

.child-two {

}

.child-three {

}
Click to expand...
Use the code(text) more often
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Dropdown menu in a fixed navbar 2
Not sure why drop-down is not working. 2
HTML Aligning social media icons 2
Justify-content not working 1
Help needed with code 5
Horizontal menu bar header 2
Image on header 2
I need help fixing my website 2

Members online

Total: 157 (members: 2, guests: 155)
Robots: 162

Forum statistics

Threads
474,039
Messages
2,570,375
Members
47,021
Latest member
AleciaMcMa

Latest Threads

Top