Tag: border-collapse

Why border-top doesn't give same border width while using display:table in div area?

I have the following HTML file: index.html @import url(‘https://fonts.googleapis.com/css?family=Open+Sans&#8217;); .div_table { display: table; border-collapse: collapse; } .div_table_row { display: table-row; } .div_table_header { font-weight: bold; text-align: center; } .div_table_cell { display: table-cell; padding-left: 10px; padding-right: 10px; font-family: “Open Sans”; font-size: 11px; border-top: 1px solid #000000; } <!doctype html> <html lang=”en”> <head> <meta charset=”utf-8″> <meta name=”viewport”… Read More Why border-top doesn't give same border width while using display:table in div area?

MRLeave a comment

How to associate label with checkbox but not using "for=id"

i have this code: <li><input type="checkbox" id="checkboxThree" value="Alergia3" ><label for="checkboxThree">Alergia 1</label></li> <li><input type="checkbox" id="checkboxFour" value="Alergia4"><label for="checkboxFour">Alergia 1</label></li> <li><input type="checkbox" id="checkboxFive" value="Alergia5"><label for="checkboxFive">Alergia 1</label></li> <li><input type="checkbox" id="checkboxSix" value="Alergia6" ><label for="checkboxSix">Alergia 1</label></li> But I don’t want to use "id" and "for" because I have to do other thing later and I can’t use them. I have see… Read More How to associate label with checkbox but not using "for=id"

MRLeave a comment

Style for 2 line header

i have a html table with two lines as header. I use the second row for a filter drop down. so it is empty in the table itself. <table class="tg wrap stripe" id="tableData"> <thead> <tr> <th class="header-left">Name</th> <th class="header-left">Position</th> <th class="header-left">Office</th> <th class="header-center">Age</th> <th class="header-center">Start date</th> <th class="header-right">Salary</th> </tr> <tr> <th class="header-left"></th> <th class="header-left"></th> <th… Read More Style for 2 line header

MRLeave a comment

Table borders html css

I have a frame around and inside this frame is a table. This is CSS-code: <style> table { width: 50%; /* Ширина таблицы */ border: 1px solid black; /* Рамка вокруг таблицы */ border-collapse: collapse; /* Отображать только одинарные линии */ } th { background: #ccc; /* Цвет фона ячеек */ padding: 3px; /* Поля… Read More Table borders html css

MRLeave a comment

Adding text to the right of aligned box

I have this HTML template and I am not understanding how to add text to center left of the box I have in the top right corner. <table class=”label”> <tr> <td class=”sign”>F</td> <td class=”holder”> <div class=”box”> FIRST-CLASS<br /> ePostage<br /> </div> </td> </tr> <tr> <td colspan=”2″ class=”title”>FIRST-CLASS</td> </tr> <tr> <td colspan=”2″ class=”row”> <p class=”sender”> {{fromName}}… Read More Adding text to the right of aligned box

MRLeave a comment