Announcement

**glennrocksvb** · 05-18-2023, 10:36 PM

Because you have separate tables for each event. You need to only have 1 table for all events.

**oldfan** · 05-19-2023, 06:50 AM

Yea that work thanks.
Also would the css table work? Every time I do it, I get a plan off center field.

**oldfan** · 05-20-2023, 04:56 PM

see what i get when i try and install it

https://metallifukinca.com/forum/recordings.php

**glennrocksvb** · 05-20-2023, 08:23 PM

You need to add padding to the <td> tags.

**oldfan** · 05-21-2023, 04:12 AM

Originally posted by glennrocksvb View Post

You need to add padding to the <td> tags.

where dude lol

PHP Code:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
    {vb:raw headinclude}
    <title>{vb:raw vboptions.bbtitle}</title>
    <script type="text/javascript" src="clientscript/vbulletin_read_marker.js?v={vb:raw vboptions.simpleversion}"></script>
{vb:raw headinclude_bottom}
</head>
    <body>

    {vb:raw header}

    {vb:raw navbar}

    <div id="pagetitle">
    </div>

<!--Create your custom ad code below this line //-->


<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="forum/fonts/icomoon/style.css">

    <link rel="stylesheet" href="forum/css/owl.carousel.min.css">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="forum/css/bootstrap.min.css">

    <!-- Style -->
    <link rel="stylesheet" href="forum/css/style.css">

    <title>Table #8</title>
  </head>
  <body>


  <div class="content">

    <div class="container">
      <h2 class="mb-5">Table #8</h2>


      <div class="table-responsive custom-table-responsive">

        <table class="table custom-table">
          <thead>
            <tr>  

              <th scope="col">
                <label class="control control--checkbox">
                  <input type="checkbox"  class="js-check-all"/>
                  <div class="control__indicator"></div>
                </label>
              </th>

              <th scope="col">Order</th>
              <th scope="col">Name</th>
              <th scope="col">Occupation</th>
              <th scope="col">Contact</th>
              <th scope="col">Education</th>
            </tr>
          </thead>
          <tbody>
            <tr scope="row">
              <th scope="row">
                <label class="control control--checkbox">
                  <input type="checkbox"/>
                  <div class="control__indicator"></div>
                </label>
              </th>
              <td>
                1392
              </td>
              <td><a href="#">James Yates</a></td>
              <td>
                Web Designer
                <small class="d-block">Far far away, behind the word mountains</small>
              </td>
              <td>+63 983 0962 971</td>
              <td>NY University</td>
            </tr>
            <tr class="spacer"><td colspan="100"></td></tr>
            <tr>
              <th scope="row">
                <label class="control control--checkbox">
                  <input type="checkbox"/>
                  <div class="control__indicator"></div>
                </label>
              </th>

              <td>4616</td>
              <td><a href="#">Matthew Wasil</a></td>
              <td>
                Graphic Designer
                <small class="d-block">Far far away, behind the word mountains</small>
              </td>
              <td>+02 020 3994 929</td>
              <td>London College</td>
            </tr>
            <tr class="spacer"><td colspan="100"></td></tr>
            <tr>
              <th scope="row">
                <label class="control control--checkbox">
                  <input type="checkbox"/>
                  <div class="control__indicator"></div>
                </label>
              </th>

              <td>9841</td>
              <td><a href="#">Sampson Murphy</a></td>
              <td>
                Mobile Dev
                <small class="d-block">Far far away, behind the word mountains</small>
              </td>
              <td>+01 352 1125 0192</td>
              <td>Senior High</td>
            </tr>
            <tr class="spacer"><td colspan="100"></td></tr>
            <tr>
              <th scope="row">
                <label class="control control--checkbox">
                  <input type="checkbox"/>
                  <div class="control__indicator"></div>
                </label>
              </th>

              <td>9548</td>
              <td><a href="#">Gaspar Semenov</a></td>
              <td>
                Illustrator
                <small class="d-block">Far far away, behind the word mountains</small>
              </td>
              <td>+92 020 3994 929</td>
              <td>College</td>
            </tr>
            <tr class="spacer"><td colspan="100"></td></tr>
            <tr>
              <th scope="row">
                <label class="control control--checkbox">
                  <input type="checkbox"/>
                  <div class="control__indicator"></div>
                </label>
              </th>

              <td>4616</td>
              <td><a href="#">Matthew Wasil</a></td>
              <td>
                Graphic Designer
                <small class="d-block">Far far away, behind the word mountains</small>
              </td>
              <td>+02 020 3994 929</td>
              <td>London College</td>
            </tr>
            <tr class="spacer"><td colspan="100"></td></tr>
            <tr>
              <th scope="row">
                <label class="control control--checkbox">
                  <input type="checkbox"/>
                  <div class="control__indicator"></div>
                </label>
              </th>

              <td>9841</td>
              <td><a href="#">Sampson Murphy</a></td>
              <td>
                Mobile Dev
                <small class="d-block">Far far away, behind the word mountains</small>
              </td>
              <td>+01 352 1125 0192</td>
              <td>Senior High</td>
            </tr>
            <tr class="spacer"><td colspan="100"></td></tr>
            <tr>
              <th scope="row">
                <label class="control control--checkbox">
                  <input type="checkbox"/>
                  <div class="control__indicator"></div>
                </label>
              </th>

              <td>9548</td>
              <td><a href="#">Gaspar Semenov</a></td>
              <td>
                Illustrator
                <small class="d-block">Far far away, behind the word mountains</small>
              </td>
              <td>+92 020 3994 929</td>
              <td>College</td>
            </tr>

          </tbody>
        </table>
      </div>


    </div>

  </div>



    <script src="forum/js/jquery-3.3.1.min.js"></script>
    <script src="forum/js/popper.min.js"></script>
    <script src="forum/js/bootstrap.min.js"></script>
    <script src="forum/js/main.js"></script>

<!-- DO NOT CHANGE BELOW THIS LINE! //-->
{vb:raw footer}
</body>
</html>

**oldfan** · 05-23-2023, 03:44 AM

Do I lose ya ?

**glennrocksvb** · 05-23-2023, 08:05 AM

Are you using colorlib to generate the table? Use the CSS they provided to style the table according to the table template you chose.

**oldfan** · 05-24-2023, 11:01 AM

I'll post you the file when I get back on my laptop.

**oldfan** · 05-24-2023, 12:51 PM

I attached what they send me this, i uploaded the folders to my forum dir and added source to this https://www.vbulletin.org/forum/showthread.php?t=315788

**glennrocksvb** · 05-24-2023, 05:43 PM

Upload the CSS file at /css-table-18/css/style.css to your server and link to it on the page like this:

HTML Code:

<link href="/path/to/css/style.css" rel="stylesheet" type="text/css" />

**oldfan** · 05-24-2023, 05:59 PM

ok something happened, now the format is wacked..

https://metallifukinca.com/forum/recordings.php

**glennrocksvb** · 05-24-2023, 08:47 PM

I only said to add style.css, not the other CSS.

**oldfan** · 05-24-2023, 09:13 PM

Originally posted by glennrocksvb View Post

I only said to add style.css, not the other CSS.

like this?

Attached Files

**glennrocksvb** · 05-24-2023, 09:20 PM

You can upload all the files to the server but only use and link to style.css on the page.

Announcement

Anyone good at html/tables??

Anyone good at html/tables??

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Latest Posts