Schedule

S

strawbs

Joined
Jun 14, 2018
Messages
114
Reaction score
1
hi all i'm trying to put this

in my schedule

for thursday and sundays

Code: 
 <p style="color:DodgerBlue;">Strawbs Show</p>
                <h3 style="color:DodgerBlue;">8p-10p</h3>
        <body>



 
 
 <span class="b"><p><h3>DJ Strawbs</p></h3>
 <p>join strawbs as he entertains you with delisious remix tunes</p><img src="/strawbs.png" width="100" height="107"></div>

but it's not showing up i'v tried hard to fix this
but it's !just not happing!
 
Last edited:
BigDady

BigDady

Joined
Nov 13, 2020
Messages
299
Reaction score
38
Why do you have a <p> and <h3> before the <body tag?
Why are you not using <style> tag instead of inline styling?
You have an end </div> tag, but no opening tag. That tag S/B the thursday and again the sunday columns of your <table> ie. https://www.geeksforgeeks.org/design-a-calendar-using-html-and-css/ or you could use lists (I don't like this method): https://www.w3schools.com/howto/howto_css_calendar.asp

If you need more help please link to the web page or post code.
FYI: You have a spelling mistake -> the word is 'delicious'.
 
S

strawbs

Joined
Jun 14, 2018
Messages
114
Reaction score
1
BigDady said:
Why do you have a <p> and <h3> before the <body tag?
Why are you not using <style> tag instead of inline styling?
You have an end </div> tag, but no opening tag. That tag S/B the thursday and again the sunday columns of your <table> ie. https://www.geeksforgeeks.org/design-a-calendar-using-html-and-css/ or you could use lists (I don't like this method): https://www.w3schools.com/howto/howto_css_calendar.asp

If you need more help please link to the web page or post code.
FYI: You have a spelling mistake -> the word is 'delicious'.
Click to expand...
hi there BigDady if you want to look at my schedule its https://coolvibes.w3spaces.com/schedule.html
plus i don't like using Calendars
 
S

strawbs

Joined
Jun 14, 2018
Messages
114
Reaction score
1
basically I'm trying to do something like this
 

Attachments

  • on.png
    on.png
    50 KB · Views: 85
BigDady

BigDady

Joined
Nov 13, 2020
Messages
299
Reaction score
38
Hard to see what your doing when how your doing it is totally wrong. You can't have four <body> tags. Please clean up this code and start with a proper html5 doctype. Use this skeleton:
Code: 
 <!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>

<img src="img_la.jpg" alt="LA" style="width:100%">

<div class="">
 <h1>This is a Heading</h1>
 <p>This is a paragraph.</p>
 <p>This is another paragraph.</p>
</div>

</body>
</html>
 
S

strawbs

Joined
Jun 14, 2018
Messages
114
Reaction score
1
BigDady said:
Hard to see what your doing when how your doing it is totally wrong. You can't have four <body> tags. Please clean up this code and start with a proper html5 doctype. Use this skeleton:
Code: 
 <!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>

<img src="img_la.jpg" alt="LA" style="width:100%">

<div class="">
 <h1>This is a Heading</h1>
 <p>This is a paragraph.</p>
 <p>This is another paragraph.</p>
</div>

</body>
</html>
Click to expand...
ok here's what i've done



Code: 
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Page Title</title>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
body {

margin:0;font-family:Arial

}

.topnav {
overflow: hidden;
background-color: #333;

}
.with-sidebar {
display: flex;
flex-wrap: wrap;
}

.sidebar {
  flex-basis: 20rem;
  flex-grow: 999;
  }
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    }
    
    .active {
      background-color: #000;
      color: white;
      }
      
      .topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;   
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

* {
  box-sizing: border-box;
}

body {
 
  padding: 20px;
  font-family: Arial;
}

/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
}

/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 105px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
} 

* {
  box-sizing: border-box;
}

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

/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.card {
  box-shadow: 0 4px 8px 0 rgba(255, 0, 102);
  padding: 16px;
  text-color: #ffffcc;
  text-align: center;
  background-color: #1abc9c;
}
</style>
<script src=""></script>
<body>
<div class="topnav" id="myTopnav">
  <a href="https://coolvibes.w3spaces.com" class="active">Home</a>
  <a href="/schedule.html">Schedule</a>
  <a href="#contact">Tune in Again</a>
  <div class="dropdown">
    <button class="dropbtn">Dropdown
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
    </div>
  </div>
  <a href="#about">About</a>
  <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
</div>

<div style="padding-left:16px">
 
</div>

<script>
function myFunction() {
  var x = document.getElementById("myTopnav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>

  <!-- Header -->
  <header id="coolvibes">
    <a href="#"><img src="https://coolvibes.w3spaces.com/vibeslogo.png" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>
    
    
    <center><img src="https://coolvibes.w3spaces.com/logo.png" style="width:25%;"><br><br></center>
    
    
    </div>
    </div>
  </header>
  <!-- End Header -->
 
    <!-- Start Presenters -->
        <center><i class="fa fa-music" aria-hidden="true"></i>Presenters</center>
    <div align="right">
    </div>
    <html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<img src="img_la.jpg" alt="LA" style="width:100%">
<!-- MAIN (Center website) -->
<div class="main">


<!-- Presenters Images -->
<div class="row">
  <div class="column">
    <div class="content">
      <img src="https://coolvibes.w3spaces.com/strawbs.png" style="width:70%">
      

      <h3>Strawbs</h3>
      <style type="text/css">.WimpyPlayerPopup204, .WimpyPlayerPopup204:hover, .WimpyPlayerPopup204:visited, .WimpyPlayerPopup204:link{font-size:20px;background-color:#CFC700;position:relative;display:inline-block;overflow:hidden;padding-left:1em;padding-right:1em;margin:0px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;cursor:pointer;height:2em;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;-ms-border-radius:1em;-o-border-radius:1em;border-style:solid;border-width:1px;border-color:rgba(123,126,128,1);box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),0.85px 2.769px 3px rgba(0,0,0,0.22817204301075278);-webkit-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),0.852px 2.769px 3px rgba(0,0,0,0.22817204301075278);-moz-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),0.852px 2.769px 3px rgba(0,0,0,0.22817204301075278);-ms-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),0.852px 2.769px 3px rgba(0,0,0,0.22817204301075278);-o-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),0.852px 2.769px 3px rgba(0,0,0,0.22817204301075278);white-space:nowrap;line-height:1.9em;color:#fdfdfd;font-family:Arial, Helvetica, sans-serif;text-align:center;font-weight:normal;font-style:normal;text-shadow:-0.16px -1.16px 0.23597px rgba(0,0,0,0.7),0px 1.25px 6.7px #2e4a63;-webkit-text-shadow:-0.16px -1.16px 0.23597px rgba(0,0,0,0.7),0px 1.2px 6.7px #2e4a63;-moz-text-shadow:-0.16px -1.16px 0.23597px rgba(0,0,0,0.7),0px 1.25px 6.7px #2e4a63;-ms-text-shadow:-0.16px -1.16px 0.23597px rgba(0,0,0,0.7),0px 1.25px 6.7px #2e4a63;-o-text-shadow:-0.16px -1.16px 0.23597px rgba(0,0,0,0.7),0px 1.25px 6.7px #2e4a63;font-smooth:always;-webkit-font-smoothing:antialiased;text-decoration:none;}.WimpyPlayerPopup204:active {color:#cecece;background-color:#767676;border-color:rgba(26,26,26,0.38);box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),inset 0px 0px 14px rgba(0,0,0,0.4);-webkit-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),inset 0px 0px 14px rgba(0,0,0,0.4);-moz-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),inset 0px 0px 14px rgba(0,0,0,0.4);-ms-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),inset 0px 0px 14px rgba(0,0,0,0.4);-o-box-shadow:inset 0.16px 0.28px 0.3px rgba(255,255,255,0),inset -0.16px -0.28px 0.4px rgba(246,246,246,0.3),inset 0px 0px 14px rgba(0,0,0,0.4);text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;-ms-text-shadow:none;-o-text-shadow:none;text-decoration:none;}</style>
<a class="WimpyPlayerPopup204" href="javascript:;" onClick="window.open('https://coolvibes.w3spaces.com/request.html','wimpyPlayerPopupWindow','width=527,height=380')">Requests</a>
    </div>
  </div>
  <div class="row">
  <div class="column">
    <div class="content">
      <img src="https://coolvibes.w3spaces.com/jason.jpg" style="width:70%">
      <h3>Jason</h3>
      
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="https://coolvibes.w3spaces.com/Deano.png" style="width:70%">
      <h3>Deano</h3>
      
    </div>
  </div>
  <!-- End Presenters Images -->
  
  <div class="column">
    <div class="content">
    <p="new dj"  style="width:70%">
      <h3>New Presenter</h3>
      
    </div>
  </div>
 
  <div class="column">
    <div class="content">
    <p="new dj"  style="width:70%">
      <h3>New Presenter</h3>
      
    </div>
  </div>



 

 
</div>

<!-- END MAIN -->



<!-- Finish Presenters -->
 

<!-- Start Programs -->
<center><i class="fa fa-music" aria-hidden="true"></i>Programs</center>

<br>
<br>

        
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="row">
  <div class="column">
    <div class="card">
        <h3>Monday</h3>
        <hr>
      <h3>Jukebox</h3>
      <p>12 p.m - 1 a.m</p></i>
      
      

      <h3>Jukebox</h3>
      <p>11 a.m - 6 p.m</p>

      

      <h3>Jukebox</h3>
      <p>2 a.m - 4 p.m</p>

      


    </div>
  </div>

  <div class="column">
    <div class="card">
        <h3>Tuesday</h3>
        <hr>
      <h3>The old school show</h3>
      <p>10 p.m - 1 a.m</p>
      <p>with Matt</p>

      

      <h3>Jukebox</h3>
      <p>2 a.m - 4 p.m</p>
      
    </div>
  </div>
 
  <div class="column">
    <div class="card">
        <h3>Wednesday</h3>
        <br>
      <h3>Jukebox</h3>
      <p>11 a.m - 6 p.m</p>
      
      <h3>Jukebox</h3>
      <p>2 a.m - 4 p.m</p>
      
      <h3>Thursday</h3>
        
      <h3>Strawbs</h3>
      <p>Strawbs's Show Show</p>
      <p>10 p.m - 12 a.m</p>

      <h3>Jukebox</h3>
      <p>12 a.m - 4 p.m</p>
    </div>
  </div>
 
  <div class="column">
    <div class="card">
        <h3>Friday</h3>
        
      <h3>Column</h3>
      <hr>
      
      <h3>Saturday</h3>
    
      <h3>Column</h3>


      <p>Some text</p>
      <p>Some text</p>
      <hr>
      <h3>Sunday</h3>
      <h3>Column</h3>


      <p>Some text</p>
      <p>Some text</p>
    </div>
  </div>
</div>

</body>
</html>
<div align="right"><html>
<head>
<!-- text area -->
 <style>
  h2 {
  text-shadow: 2px 2px 5px red;
}

</style>
<!-- Start Currently Playing -->
  <div align="right"><h2></i>Currently Playing</div></h2>
  <!-- end currently playing -->
 

 

</head>
<body>
<!-- End text area -->

<!--OnlineRadioBox Playlist widget-->
<div align="left left"><div class="orbL " id="orb_pl_5d863ea1c47b3a5d">
    <style media="screen">
      .orbL{position:relative;box-sizing:border-box;overflow:hidden;font-weight:normal;border:1px solid;text-align:left}.orbL br,.orbL>br{display:none!important;}.orbL p,.orbL>p{margin:0!important;padding:0!important;line-height:normal!important;font-size:inherit!important}.orbL br,.orbL>br{display:none!important}.orbLh{display:block;position:absolute;z-index:100;top:22px;right:10px;margin-top:-12px;width:21px;text-decoration:none!important;cursor:pointer}.orbLh>img{margin:0!important;border:none!important;height:24px!important;-webkit-filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2));filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2))}.orbLt{display:block;box-sizing:border-box;overflow:hidden;padding-left:10px!important;font-weight:normal;line-height:44px!important;min-height:44px;text-decoration:none!important}.orbLti{float:left!important;margin:10px 10px 10px 0!important;height:24px!important;width:44px!important;border:none!important;border-radius:2px!important;opacity:1!important;}.orbLtn{display:block;margin-right:54px!important;font-size:14px!important;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.orbIL{position:relative;overflow:auto;overflow-x:hidden;overflow-y:auto;margin:0!important;padding:0!important;list-style:none!important}.orbILi{box-sizing:border-box;margin:0!important;padding:0 10px!important;list-style:none!important;background-image:none;float:none!important;height: auto!important}.orbILi>a,.orbILi>span{display:block!important;height:auto!important;font-weight:normal!important;text-decoration:none!important;line-height:32px!important;font-size:14px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-transition:color .125s;transition:color .125s;border:none!important}.orbILi>a:hover,.orbILi>span:hover{background:transparent!important}.orbILi>a>time,.orbILi>span>time{display:inline-block;font-size:12px!important;width:3em}.orbILi+li{border-style:solid!important;border-width:1px 0 0!important}.orbILs{margin:0!important;padding:0!important;list-style:none!important;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;border-style:solid!important;border-width:0 0 1px!important}.orbILsi{display:inline-block!important;margin:0!important;padding:0!important;height:32px!important;overflow:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;text-align:center;font-size:11px!important;float:none!important}.orbILsi + li{border-style:solid!important;border-width:0 0 0 1px!important}.orbILsi > a,.orbILsi > span{display:block;line-height:32px!important;text-decoration:none!important;-webkit-transition:color .125s;transition:color .125s}
  /* Compact */
  .cmpct .orbILi>a,.cmpct .orbILi>span{line-height:24px!important;font-size:12px!important}
  .cmpct .orbILi>a>time,.cmpct .orbILi>span>time{font-size:11px!important}
  </style>
  <style media="screen" id="orb_pl_5d863ea1c47b3a5d_settings">/*user customization*/.orbL{width:200px}.orbL{border-style: solid; border-color:#2f63a0 !important;border-radius:5px;background:#fff !important}.orbLt{background-color:#ed04f1 !important}/*common list title bg*/.orbLtn{color:#ffffff !important}/*common list title color*/.orbIL{height:122px}/*track list height: user height, e.g. 250px - 45px(title) - [33px(schedule, if enabled)] */.orbIL,.orbILs{background:#ffffff !important} /* list bg, schedule bg */.orbILi>a,.orbILi>a:visited,.orbILi>span,.orbILi>a:hover>time,.orbILi.a>a>time,.orbILi.a>span>time{color:#000000 !important} /*item color, hover-item time color, active-item time color */.orbILi>a:hover,.orbILi.a>a,.orbILi.a>span,.orbILsi>a:hover,.orbILsi>span{color:#000000 !important} /*hover-item color, active-item color, schedule hover-item color, schedule active-item color*/.orbILi>a>time,.orbILi>span>time,.orbILsi>a{color:#f00fd6 !important}/*item time color, schedule item color*/.orbILi.a,.orbILsi.a{background:#ffffff !important} /* active-item bg, schedule active-item bg */.orbILs,.orbILi+li,.orbILsi+li{border-color:rgb(255, 0, 102) !important}/* item border color, schedule border color */.orbILs{display:none}</style>
    <a class="orbLh" href="https://onlineradiobox.com/" title="Internet Radio" target="_blank"><img src="//ecdn.onlineradiobox.com/img/wl.svg" alt="Internet Radio"></a>
    <a class="orbLt" href="https://onlineradiobox.com/uk/urban8/" target="_blank"><img class="orbLti" src="//cdn.onlineradiobox.com/img/logo/0/52120.png" alt="CoolVibes Radio"><span class="orbLtn">CoolVibes Radio</span></a>
    <script>
      var orbpl_w = orbpl_w || { lang: "en-us" };
      orbpl_w.cmd = orbpl_w.cmd || [];
      orbpl_w.cmd.push(function() {
        orbpl_w.init("orb_pl_5d863ea1c47b3a5d");
      });
      var s, t; s = document.createElement('script'); s.type = 'text/javascript';
      s.src = "//ecdn.onlineradiobox.com/js/plwidget.min.a1649ec0.js";
      t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);
    </script></div></div>
<!--OnlineRadioBox Playlist widget-->



</body>
</html>
</div>
<!-- End Programs -->
 
    

  

        
        


      <!-- Social -->
       <style>
  h2 {
  text-shadow: 2px 2px 5px red;
}
</style>
  <center><h2></i>Social</center></h2>
      
       <center><a href="https://facebook.com/coolvibesuk"><img src="https://img.icons8.com/nolan/64/facebook-f.png" style="width:100px;height:100px;"></a>
       <a href="https://www.instagram.com/coolvibesradio/?hl=en-gb"><img src="https://img.icons8.com/nolan/64/instagram-new.png" style="width:100px;height:100px;"></a></center>
    </div></center>
  

    
      
    </div>
  </div>
  <style>
  h2 {
  text-shadow: 2px 2px 5px red;
}
</style>
  <center><h2></i>Entertainment</center></h2>
  <div class="responsive">
  <div class="gallery">
    
      <img src="https://coolvibes.w3spaces.com/carnivalfloat.jpg"  width="600" height="20">
    </a>
    <div class="desc">Eastbourne Carnival 2021</div>
  </div>
</div>


<div class="responsive">
  <div class="gallery">
    
      <img src="fireintown.jpg" width="600" height="200">
    </a>
    <div class="desc">we don't know what was going on but it looked like there was some sort of fire in one of the buildings</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    
      <img src="disabledchildren.jpg" width="600" height="200">
    </a>
    <div class="desc">we heard that a special train where coming into Hastings Now We Don't Know if it where for the disabled or not
      but i where bringing passengers to and from hastings!!!
    </div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    
      <img src="eastbournebikes.jpg" width="600" height="400">
    </a>
    <div class="desc">18 september 2021 went to eastbourne to take some flicks and the bikes started
      the carnival</div>
  </div>
</div>

<div class="clearfix"></div>
<div class="">
 <h1>This is a Heading</h1>
 <p>This is a paragraph.</p>
 <p>This is another paragraph.</p>
</div>

</body>
</html>


that's the index
 
C

c1lonewolf

Joined
Jul 12, 2020
Messages
96
Reaction score
10
Dude I think your web editor is what's screwing everything up. The way the code comes out it looks like you're using a javascript based editor. Get a real one. Then learn HTML instead of just copying everyone elses garbage code. We will even teach you, it's not that hard!
 
S

strawbs

Joined
Jun 14, 2018
Messages
114
Reaction score
1
c1lonewolf said:
Dude I think your web editor is what's screwing everything up. The way the code comes out it looks like you're using a javascript based editor. Get a real one. Then learn HTML instead of just copying everyone elses garbage code. We will even teach you, it's not that hard!
Click to expand...
dude lol i'm in the middle of making a website here

plus i'm using notepad++
strawbs codepen
 
C

c1lonewolf

Joined
Jul 12, 2020
Messages
96
Reaction score
10
Dude, this is your HTML code from your own freakin page.
view-source:https://coolvibes.w3spaces.com/schedule.html

you have multiple body tags
Code: 
</style>
</head>
<body>

<!-- MAIN (Center website) -->

...

<link rel="stylesheet" href="https://hottunez.000webhostapp.com/style.css">
</head>

<body>
    <div class="container">
        <ul class="nav nav-tabs">

---

}

</style>
</head>
<body>


            </div>
            <div id="menu4" class="tab-pane fade">

you have html tags in the wrong places:

Code: 
<html>
<title>Coolvibes|Reloaded</title>
<meta charset="UTF-8">

...

   <!-- Start Presenters -->
        <center><i class="fa fa-music" aria-hidden="true"></i>SCHEDULE</center>
    <div align="right">
    </div>
    <html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {

...

<html>

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

<body>
and the list goes on.

"dude lol i'm in the middle of making a website here"
All your building is garbage!!

If you don't want to learn then don't come in a coding forum.
 
S

strawbs

Joined
Jun 14, 2018
Messages
114
Reaction score
1
c1lonewolf said:
Dude, this is your HTML code from your own freakin page.
view-source:https://coolvibes.w3spaces.com/schedule.html

you have multiple body tags
Code: 
</style>
</head>
<body>

<!-- MAIN (Center website) -->

...

<link rel="stylesheet" href="https://hottunez.000webhostapp.com/style.css">
</head>

<body>
    <div class="container">
        <ul class="nav nav-tabs">

---

}

</style>
</head>
<body>


            </div>
            <div id="menu4" class="tab-pane fade">

you have html tags in the wrong places:

Code: 
<html>
<title>Coolvibes|Reloaded</title>
<meta charset="UTF-8">

...

   <!-- Start Presenters -->
        <center><i class="fa fa-music" aria-hidden="true"></i>SCHEDULE</center>
    <div align="right">
    </div>
    <html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {

...

<html>

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

<body>
and the list goes on.

"dude lol i'm in the middle of making a website here"
All your building is garbage!!

If you don't want to learn then don't come in a coding forum.
Click to expand...
nuh i do want to learn
 
S

strawbs

Joined
Jun 14, 2018
Messages
114
Reaction score
1
BigDady said:
Why do you have a <p> and <h3> before the <body tag?
Why are you not using <style> tag instead of inline styling?
You have an end </div> tag, but no opening tag. That tag S/B the thursday and again the sunday columns of your <table> ie. https://www.geeksforgeeks.org/design-a-calendar-using-html-and-css/ or you could use lists (I don't like this method): https://www.w3schools.com/howto/howto_css_calendar.asp

If you need more help please link to the web page or post code.
FYI: You have a spelling mistake -> the word is 'delicious'.
Click to expand...
sorry this is 2020 post but you mentioned https://www.w3schools.com/howto/howto_css_calendar.asp
how can i turn this into an interactive calendar where's people can book there days and time?
 
VBService

VBService

Joined
Jul 4, 2023
Messages
609
Reaction score
81
Turning the W3Schools calendar into an interactive calendar for booking requires integrating JavaScript with a backend to handle data storage and retrieval.

1. Add JavaScript for Interactivity
Make each day clickable, showing a modal where users can select time slots and book.
2. Connect to a Backend
You'll need a server to store booking data. You can use PHP, Node.js, Python (Flask/Django), or any other backend language.
 

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

Help with my responsive home page 2
Help with code 0
Need assistance finetuning HTML, CSS, Javascript - sticky header issue 3
Can't wrap text around image and one more 1
Clickable Div Block 1
Errors with HTML packing slip code 2
On-air script 0
Google appscript 0

Members online

No members online now.
Total: 15 (members: 0, guests: 15)
Robots: 91

Forum statistics

Threads
474,470
Messages
2,571,807
Members
48,797
Latest member
PeterSimpson

Latest Threads

Top