Announcement

Collapse
No announcement yet.

Anyone good at html/tables??

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

  • oldfan
    replied
    ok something happened, now the format is wacked..

    Leave a comment:


  • glennrocksvb
    replied
    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" />

    Leave a comment:


  • oldfan
    replied
    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

    Leave a comment:


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

    Leave a comment:


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

    Leave a comment:


  • oldfan
    replied
    Do I lose ya ?

    Leave a comment:


  • oldfan
    replied
    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>​ 

    Leave a comment:


  • glennrocksvb
    replied
    You need to add padding to the <td> tags.

    Leave a comment:


  • oldfan
    replied
    see what i get when i try and install it

    Leave a comment:


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

    Leave a comment:


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

    Leave a comment:


  • oldfan
    started a topic Anyone good at html/tables??

    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

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 "|||"