0 How do I create a table without boarders 2 Dan Abbuhl posted 6 Years Ago I'm adding a table to a page to make align some videos. I have a table that is 3 x 5. I have went into the HTML and used the following:table class="table borderless" but I'm still getting the following boarder at the top of each column. You can see it in the picture that there is a thin boarder above each section. How do I remove all lines?
Dan Abbuhl 6 years ago I did what you said and was able to have all 4 videos without borders. I can't seam to add the words above properly. Can you give me some advice on adding titles above each video?
Daniel Hazelbaker 6 years ago Just add it in right before the embed div.. example: <div class="col-md-6"><h3>Video Title</h3><div class="embed-responsive embed-responsive-16by9">
Dan Abbuhl 6 years ago I'm sorry that I'm new at tables. I added this and it allows me to have 1 title in the middle but I need to put 1 title above each video. Please help.
Dan Abbuhl 6 years ago Take a look now. I think I got it down now and the videos change size based on the open browser space. I will be able to use this in many areas. Thanks for you help.
Daniel Hazelbaker 6 years ago You have a couple things out of whack in your HTML, but the main issue is that you are adding the title above the entire thing instead of inside the "col-md-6" div like I suggested.If you can post the Lava / HTML you are using I can take a look at it for you. Looking at your site I can only tell you the changes to make, but if you are not familiar with HTML and Bootstrap it's going to be very confusing.
Dan Abbuhl 6 years ago Quick question: In the example html above, if I want to make it 3 or 4 or 5 videos across, how would I change the code to allow more than 2 videos in the row?
Daniel Hazelbaker 6 years ago The bottom two videos look good. The top two need to be wrapped inside a <div class="row">...</div> like you have the bottom two.
Dan Abbuhl 6 years ago I have a good understanding of HTML, I've always had trouble with tables and I haven't used bootstrap. I was able to grasp what you said about adding the titles above, it took me a while but I did get it. Thanks for your help.
Dan Abbuhl 6 years ago here is the HTML :<div class="col-md-6"><h3 align="center"><font face="Arial Black"><span style="font-size: 36px;">Salvation</span></font></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30996872" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div><div class="col-md-6"><h3 align="center"><span style="font-size: 36px;"><font face="Arial Black">Holly Spirit Baptism</font><br></span></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30997408" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div><br><div class="row"><div class="col-md-6"><h3 align="center"><span style="font-size: 36px;"><font face="Arial Black">Divine Healing</font><br></span></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30997153" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div><div class="col-md-6"><h3 align="center"><span style="font-size: 36px;"><font face="Arial Black">Second Coming</font><br></span></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30997800" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div></div><p></p>
Dan Abbuhl 6 years ago I just changed it as you said to this:<div class="row"><div class="col-md-6"><h3 align="center"><font face="Arial Black"><span style="font-size: 36px;">Salvation</span></font></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30996872" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div><div class="col-md-6"><h3 align="center"><span style="font-size: 36px;"><font face="Arial Black">Holly Spirit Baptism</font><br></span></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30997408" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div></div><p></p><br><div class="row"><div class="col-md-6"><h3 align="center"><span style="font-size: 36px;"><font face="Arial Black">Divine Healing</font><br></span></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30997153" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div><div class="col-md-6"><h3 align="center"><span style="font-size: 36px;"><font face="Arial Black">Second Coming</font><br></span></h3><div class="embed-responsive embed-responsive-16by9"><iframe src="https://player.vimeo.com/video/30997800" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div></div></div><p></p>
Dan Abbuhl 6 years ago Now, how would you change the above to make more videos, like 3 across or 5 across?
Daniel Hazelbaker 6 years ago Take a look at the Bootstrap Grid System as documented here: http://getbootstrap.com/docs/3.3/css/#gridIt explains in a bit more detail, but basically each "row" is divided into 12 columns. The "col-md-#" specifies how many columns to use. The "md" means you are specifying a size for "medium" devices (i.e. desktops). So when you use "col-md-6" you are using up 6 column spaces for your div, which means you can have 2 equal divs. If you wanted to do 3 sections across you would use "col-md-4" (4+4+4=12), 4 sections would be "col-md-3".Because the base divider is 12, you can't achieve 5 equal sized columns without custom CSS to set the width of the sections.