Looks like my post failed. I'll try again.
Here's the page code (please don't laugh, I'm elderly):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Country</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.4.1.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body><div class="wrapper">
<div class="container-fluid mysection" style="background:#000">
<div class="container">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="fa-solid fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item margl20">
<a href="index.htm" title="Homepage"><i class="fa fa-home"></i> Home</a>
</li>
<li class="nav-item margl20">
<a href="about-us.htm" title="Abour Us">About Us</a>
</li>
<li class="nav-item dropdown margl20">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Genre
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="ballads-and-folk.htm" title="Ballads & Folk">Ballads & Folk</a>
<a class="dropdown-item" href="country.htm" title="Country">Country</a>
<a class="dropdown-item" href="orchestral.htm" title="Orchestral">Orchestral</a>
<a class="dropdown-item" href="pop-rock.htm" title="Pop/Rock">Pop/Rock</a>
</div>
</li>
<li class="nav-item dropdown margl20">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Writers
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown2">
<a class="dropdown-item" href="ray-brennan.htm" title="Ray brennan">Ray Brennan</a>
<a class="dropdown-item" href="mick-curry.htm" title="Mick Curry">Mick Curry</a>
<a class="dropdown-item" href="gabby-fitzgerald.htm" title="Gabby Fitzgerald">Gabby Fitzgerald</a>
<a class="dropdown-item" href="debbie-grace.htm" title="Debbie Grace">Debbie Grace</a>
<a class="dropdown-item" href="bob-marshall.htm" title="Bob Marshall">Bob Marshall</a>
<a class="dropdown-item" href="john-mooney.htm" title="John Mooney">John Mooney</a>
<a class="dropdown-item" href="peter-&-fran-phillips.htm" title="Peter & Fran Phillips">Peter & Fran Phillips</a>
<a class="dropdown-item" href="barney-rushe.htm" title="Barney Rushe">Barney Rushe</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</div></div>
<div class="container-fluid" style="background:#000">
<div class="container"><div class="row myhdr">
<div class="col-lg-4"><img src="Images/logo.png" width="290" height="135" alt="Logo"/></div>
<div class="col-lg-4"><p class="margin20"><em>"Music is the only medium by which everyone is connected in the world"</em><br>Ilaiyaraaja</p></div>
<div class="col-lg-4 padl30 margin20"><p>
<img src="Images/country.png" width="320" height="53" alt="Page title image"/></p>
</div>
</div></div></div>
<!---Start of main--->
<div class="container-fluid">
<div class="container">
<div class="row margin60" >
<div class="col-lg-6">
<div class="box2">
<h5>Title: I Believe. (Americana)<br>c/a Debbie Grace. Australian Singer/Songwriter</h5>
<audio title="I Believe" controls="controls" >
<source src="Music/GraceYourselvesDebbieGrace/IBelieve.mp3" type="audio/mp3">
</audio>
<div id="accordion1" role="tablist">
<div class="card">
<div class="card-header myacc" role="tab" id="headingOne1">
<h5 class="mb-0"> <a data-toggle="collapse" href="#collapseOne1" role="button" aria-expanded="true" aria-controls="collapseOne1"> <i class="fas fa-chevron-right"></i> I Believe - Lyrics </a> </h5>
</div>
<div id="collapseOne1" class="collapse hide" role="tabpanel" aria-labelledby="headingOne1" data-parent="#accordion1">
<div class="card-body lyrics">
<p>Why can’t you love me like you used to ~ some say you’ve found somebody new<br>
Please don’t keep me standing in the dark<br>
I need to know you’re love for me is true.</p>
<p>For I believe ~ in honesty<br>
I believe ~ in dreams<br>
I believe that true love’s magic ~ never leaves.</p>
<p>Why don’t you hold me like you used to ~ like back when we were seventeen?<br>
Too many wrongs have come between us<br>
But strength is built on life and what we’ve seen.</p>
<p>For I believe ~ in honesty<br>
I believe ~ in dreams<br>
I believe that true love’s magic ~ never leaves.</p>
<p>If you were down and out or ever hungry<br>
I’d pick you up and take you home with me<br>
In troubled times my love ~ I’ve never doubted<br>
That everything to me you’d always be.</p>
<p>For I believe ~ in honesty<br>
I believe ~ in dreams<br>
I believe that true love’s magic ~ never leaves<br>
Yes I believe that true love’s magic ~ never leaves.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 marginmob">
<div class="box2">
<h5>Title: Just One More Time. (Americana)<br>c/a Debbie Grace. Australian Singer/Songwriter</h5>
<audio title="Just One More Time" controls="controls" >
<source src="Music/GraceYourselvesDebbieGrace/JustOneMoreTime.mp3" type="audio/mp3">
</audio>
<div id="accordion2" role="tablist">
<div class="card">
<div class="card-header myacc" role="tab" id="headingOne2">
<h5 class="mb-0"> <a data-toggle="collapse" href="#collapseOne2" role="button" aria-expanded="true" aria-controls="collapseOne2"> <i class="fas fa-chevron-right"></i> Just One More Time - Lyrics </a> </h5>
</div>
<div id="collapseOne2" class="collapse hide" role="tabpanel" aria-labelledby="headingOne2" data-parent="#accordion2">
<div class="card-body lyrics">
<p>I need to see you just one more time<br>
Your arms to feel me just one more time<br>
My heart is aching for your gentle touch<br>
I need to hear you my love ~ sayin’</p>
<p>I ~~~~ miss you so<br>
I’ll ~~~~ never let you go again<br>
Oh my darlin’ where have you been?</p>
<p>The world around us can be so unkind<br>
These foolish games ~ all wasted time<br>
Seems like a lifetime that we’ve been apart<br>
I need to hear you my love ~ sayin’</p>
<p>I ~~~~ miss you so<br>
I’ll ~~~~ never let you go again<br>
Oh my darlin’ where have you been?</p>
<p>It’s not as easy as they say<br>
Mind over matter’s not the way<br>
Waiting for new love to begin<br>
Nothing can take away the feelings within.</p>
<p>‘cause I ~~~~ miss you so<br>
I’ll ~~~~ never let you go again<br>
Oh my darlin’ where have you been?</p>
<p>I need to see you just one more time<br>
Your arms to feel me just one more time.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!---row 2-->
<div class="row margin20">
<div class="col-lg-6">
<div class="box2">
<h5>Title: Ordinary Guy. (Americana)<br>c/a Debbie Grace. Australian Singer/Songwriter</h5>
<audio title="Ordinary Guy" controls="controls" >
<source src="Music/GraceYourselvesDebbieGrace/OrdinaryGuy.mp3" type="audio/mp3">
</audio>
<div id="accordion3" role="tablist">
<div class="card">
<div class="card-header myacc" role="tab" id="headingOne3">
<h5 class="mb-0"> <a data-toggle="collapse" href="#collapseOne3" role="button" aria-expanded="true" aria-controls="collapseOne3"> <i class="fas fa-chevron-right"></i> Ordinary Guy - Lyrics </a> </h5>
</div>
<div id="collapseOne3" class="collapse hide" role="tabpanel" aria-labelledby="headingOne3" data-parent="#accordion3">
<div class="card-body lyrics">
<p>There’s always a smile when you see me around<br>
I got a guy with his two feet on the ground<br>
Lucky in love they say and there’s no doubt<br>
Well Daddy always told me girl, if you get a good man to spoil ye so don’t throw him away ‘cause there ‘aint so many about<br>
So stop tellin’ me what I already know, I’m crazy but I’ll never let him go.</p>
<p>I got the guy who keeps me warm at night<br>
Lovin’ me up ‘till I’m feelin’ alright<br>
Praisin’ me up when I’m feelin’ down and out<br>
Well other girls they envy me ‘cause I got a man who’s good to me<br>
Yes it’s true he’s not an ordinary guy.</p>
<p>They’re tellin’ me what I already know, I’m crazy but I’ll never let him go<br>
Whoa do do do do do do do do ………………………</p>
<p>I love the flowers that he brings, when he come to watch me sing<br>
Down at the North Star, on a Saturday night<br>
His sweet lips are for my desire<br>
Don’t need a match, ‘cause he’s my fire<br>
I’m scared of the dark, and he’s my light.</p>
<p>So stop tellin’ me what I already know, I’m crazy but I’ll never let him go<br>
Whoa do do do do do do do do ………………………</p>
<p>Well other girls they envy me ‘cause I got a man who’s good to me<br>
Yes it’s true he’s not an ordinary guy.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 marginmob">
<div class="box2">
<h5>Title: Too Good to be True. (Country Duet)<br>c/a Debbie Grace. Australian Singer/Songwriter </h5>
<audio title="Too Good to be True" controls="controls" >
<source src="Music/GraceYourselvesDebbieGrace/09TooGoodToBeTrue.mp3" type="audio/mp3">
</audio>
<div id="accordion4" role="tablist">
<div class="card">
<div class="card-header myacc" role="tab" id="headingOne4">
<h5 class="mb-0"> <a data-toggle="collapse" href="#collapseOne4" role="button" aria-expanded="true" aria-controls="collapseOne4"> <i class="fas fa-chevron-right"></i> Too Good to be True - Lyrics </a> </h5>
</div>
<div id="collapseOne4" class="collapse hide" role="tabpanel" aria-labelledby="headingOne4" data-parent="#accordion4">
<div class="card-body lyrics">
<div id="collapse16145" data-parent="#sp-ea-1614">
<div>
<p>When you walked into the room I knew you were for me<br>
You whispered quietly lady will you dance with me<br>
I’d be a fool to send you on for I’d been lonely for so long<br>
And the band was playing such a lovely melody</p>
<p>You’re too good to be true<br>
Any moment now I might just start a lovin’ you<br>
You’re too good so it seems<br>
Don’t anybody wake me from this sweetest dream.</p>
<p>We waltzed across the floor until the morning light<br>
I asked you lady would you dine with me tonight<br>
In perfect time two hearts were beating happily<br>
As we were swaying softly to that lovely melody</p>
<p>You’re too good to be true<br>
Any moment now I might just start a lovin’ you<br>
You’re too good so it seems<br>
Don’t anybody wake me from this sweetest dream.</p>
<p>I wish you’d been around for me when times were hard<br>
(times were hard)<br>
To soothe me with your touch oh hold me in your arms<br>
You’re too good to be true<br>
Any moment now I might just start a lovin’ you</p>
<p>You’re too good so it seems<br>
Don’t anybody wake me from this sweetest dream<br>
Don’t anybody wake me from this sweetest dream.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Row 3-->
<!--- Container 1 end div is below this line-->
</div></div>
<!---Songs without lyrics section-->
<div class="container-fluid" style="background:#eaebec;padding:30px 0 30px 0;">
<div class="container">
<h2 class="text-center margin20">More Country</h2>
<div class="row margin30">
<div class=" col-lg-4 col-sm-12">
Title: Country Drivin'.<br>c/a Bob Marshall
<audio title="Country Drivin'" controls="controls" >
<source src="Music/BobMarshall/CountryDrivin'.mp3" type="audio/mp3">
</audio>
<hr class="nodesk">
</div>
<div class="col-lg-4 col-sm-12">
Title: Lights of Nashville<br>c/a Bob Marshall
<audio title="Lights of Nashville" controls="controls" >
<source src="Music/BobMarshall/LightsofNashville.mp3" type="audio/mp3">
</audio>
<hr class="nodesk">
</div>
</div>
<!---Songs without lyrics section end 2divs is below this line-->
</div></div>
<!---Writers on this page---->
<div class="container margin20">
<h3 style="text-align: center">Writers on this page:</h3>
<div class="row margin20">
<div class="col-lg-6 col-12"><p class="mybtna"><a href="bob-marshall.htm" title="More by this writer">Bob Marshall <i class="fas fa-circle-arrow-right"></i></a></p></div>
<div class="col-lg-6 col-12 marginmob"><p class="mybtna"><a href="debbie-grace.htm" title="More by this writer">Debbie Grace <i class="fas fa-circle-arrow-right"></i></a></p></div>
</div>
</div>
<!-------Are you a songwriter section------>
<div class="container margin20 text-center">
<img src="Images/shape4L.jpg" width="109" height="30" alt="Divider">
<h3>Are you a Songwriter?</h3>
<p class="font21" style="margin-bottom:20px;">We'd love to hear your work, submit your song(s) <a href="submit-a-song.htm" title="Submit your work"><span class="badge badge-dark">here</span></a></p>
<img src="Images/shape4L.jpg" width="109" height="30" alt="Divider">
</div>
<div class="container-fluid myftr">
<div class="container">
<div class="row">
<div class="col-lg-3 padl30"><div>
<b>Ardlea Music</b><br>
Ashbourne,<br>
Co. Meath A84 Y564.<br>
Ireland.
</div></div>
<div class="col-lg-3 padl30 marginmob"><p><a href="our-cookie-policy.htm" title="Our Cookie Policy">Our Cookie Policy</a> </p><p><a href="our-privacy-policy.htm" title="Our Privacy Policy">Our Privacy Policy</a></p><a href="terms-of-use.htm" title="Terms of Use"><p>Our Terms of Use</p></a></div>
<div class="col-lg-3 padl30"><p>
<a href="mailto:office@ardleamusic.ie" title="Email Us"><i class="far fa-envelope"></i> Email</a>
</p>
<a href="useful-info-for-writers.htm" title="Useful info for writers"><p>Useful info for writers</p></a>
<p>
<a href="submit-a-song.htm" title="Submit a song">Submit a Song</a>
</p></div>
<div class="col-lg-3 padl30"><p><span style="font-size:12px;color:#fff;">
Member of:</span><br>
<img src="Images/membersof.png" width="275" height="60" alt="MCPS and IMRO logos"></p>
</div>
</div></div>
</div>
<footer class="text-center myftr2">
<div class="row">
<div class="col-12" style="padding-top:9px;">
<p class="font12">Copyright © <span id="year"></span> Ardlea Music. All Rights Reserved.</p>
</div>
</div>
</footer>
<!------------WRAPPER END DIV BELOW----->
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.4.1.js"></script>
<script src="scripts.js">
</script>
<script>
const d = new Date();
let year = d.getFullYear();
document.getElementById("year").innerHTML = year;
</script> <script async src="https://cse.google.com/cse.js?cx=011514618983604981453:o8ro3ahkxfa">
</script>
<script src="https://kit.fontawesome.com/b77890bd8a.js" crossorigin="anonymous"></script>
</body>
</html>
-----------------------------
CSS:
@charset "utf-8";
/* CSS Document */
a {color:#be9f78}
a:hover{text-decoration:none;color:green;}
.active{color:#fff;pointer-events: none}
body{font-size:16px;color:#000;width:100%;margin:auto;}
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body{font-size:16px;color:#000;}
body, html {
height: 100%;
line-height: 1.5;
}
.box{width:400px;height:auto;border:1px solid #be9f78;border-radius:9px;padding:9px;}
.box2{width:96%;margin:2%;background:#be9f78;border-radius:9px;color:#fff;padding:0px 16px;border: 1px solid;
box-shadow: 5px 10px 8px
#888888;}
.box-shadow{box-shadow:5px 10px 8px #888888;}
.center{text-align: center;}
.dropdown-item{background:#000;COLOR:#fff;border:1px solid #be9f78;}
#emf-form input{background:#fdf5e6}
#emf-container #emf-logo a{display:none;}
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font28{font-size: 28px;}
.font32{font-size: 32px;}
.font36{font-size: 36px;}
.font40{font-size: 40px;}
hr{background:#ccc;width:100%;height:1px;}
/* Full height image header */
.jumbotron {
}
/* HTML: <div class="loader"></div> */
.lyrics{background:#fff;color:#000;padding:9px;font-size:16px;text-weight:normal;}
.margl20{margin-left:20px;}
.margin10{margin-top:10px;}
.margin15{margin-top:15px;}
.margin18{margin-top:18px;}
.margin20{margin-top:20px;}
.margin30{margin-top:30px;}
.margin40{margin-top:40px;}
.margin45{margin-top:45px;}
.margin60{margin-top:60px;}
.margin100{margin-top:100px;}
.myacc{ background:#000;color:fff;border:1px solid #fff;}
.mybtn{width:100%;background-color: #44a4e8;text-align:center;padding:10px 10px;border:1px solid #be9f78;}
.mybtna{width:100%;background-color: #ddffdd;text-align:center;padding:10px 10px;border:1px solid #be9f78;}
.mybtnm{width:100%;background-color: #ddffff;text-align:center;padding:10px 10px;border:1px solid #be9f78;}
.myftr{background:#000;color:#fff;padding:20px 0 50px 0;margin-bottom:0 !important;}
.myftr2{background:#000;color:#fff;border-top:1px solid #fff;}
.myhdr{background:#000;color:#fff;text-align:center;padding:60px 0 60px 0;}
.mysection{border-bottom:2px solid #fff;}
.mysection2{background:#000;}
.navbar-toggler{background:#be9f78;color:#fff !important;}
.navbar-toggler-icon{background:#be9f78;color:#fff !important;}
.navbar-nav .dropdown-menu{padding:none;background:#000;}
.navbar navbar-expand-lg{background-color:#000;}
.padl30{padding-left:30px;}
.padr30{padding-right:30px;}
.sectionblk{background-color:#000;padding-top:20px;padding-bottom:30px;color:#fff;}
.shadow{box-shadow:0 5px 10px 8px #888888;}
.wrapper{width:100%;margin:auto;overflow:hidden;}
@Media (min-width: 981px) {
.nodesk {display: none !important;}
}
/*-- Medium devices (phones, 767px and below)--*/
@Media (max-width: 980px) {
.mylist li{margin:0px 7px 0px 7px;}
.marginmob{margin-top:20px}
.nomob {display: none !important;}
}
If it's any help, here's some more info.
The arrows are apearing after the iframe closing tag so perhaps it's not the iframe.
When I insert another element, it inserts at the bottom of the code and not at my insertion point and also adds yet another arrow.
It does not appear on all pages.
I tried a differant Bootstrap template-same thing.
I tried the new version of Bootstrap-same thing.
I found I can cover over the arrows by defining the 46px high footer as 'fixed' but that doesn't solve the issue.
I'm in the music business and am at the early stages of setting up a new company.
I have a WordPress site ready to go but, one, it's far too slow to both work on and load and two, because I'm doing the website first, the information on it is false
until I actually form the company. Also if I disabe the WP site, I loose everything. That is why I can't give a DW URL.
23
Replies
I'm in the music business...
AdChoices