Announcement

Collapse
No announcement yet.

Anyone good at html/tables??

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Anyone good at html/tables??

    for some reason my tables dont lineup



    id like too add these, but i cant get them to work..

    The best free responsive dark table template with a fully mobile-friendly structure, checkmark and a select/deselect all function.


    input please

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

    Comment


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

      Comment


        #4
        see what i get when i try and install it

        Comment


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

          Comment


            #6
            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 awaybehind 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 awaybehind 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 awaybehind 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 awaybehind 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 awaybehind 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 awaybehind 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 awaybehind 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>​ 

            Comment


              #7
              Do I lose ya ?

              Comment


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

                Comment


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

                  Comment


                    #10
                    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

                    Comment


                      #11
                      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" />

                      Comment


                        #12
                        ok something happened, now the format is wacked..

                        Comment


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

                          Comment


                            #14
                            Originally posted by glennrocksvb View Post
                            I only said to add style.css, not the other CSS.
                            like this?
                            Attached Files

                            Comment


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

                              Comment

                              Latest Posts

                              Collapse

                              Working...
                              X
                              Searching...Please wait.
                              An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                              Please push the back button and reload the previous window.'
                              An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                              Please push the back button and reload the previous window.'
                              An internal error has occurred and the module cannot be displayed.
                              There are no results that meet this criteria.
                              Search Result for "|||"