href="C:\mycite\index.html"
<a href="C:\mycite\index.html"><div class="logo">
<h1>Заметки сисадмина</h1>
<p>Настройки, решения и прочее...</p>
</a>
font-family: Arial, Helvetica, sans-serif;
, если это уже сделано для body..article{
width:100%;
height:100%;
}
.article {
width: 100%;
height: 100%;
}
Перед tr писал а, но он не принимает эти тэги.
<style>
.table {
display: table;
}
.table > a {
display: table-row;
}
.table > a > div {
display: table-cell;
}
</style>
<div class="table">
<a href="#">
<div>1-1</div><div>1-2</div><div>1-3</div>
</a>
<a href="#">
<div>2-1</div><div>2-2</div><div>2-3</div>
</a>
</div>
<table>
<tr onclick="document.location = 'example.com';">
<td>1-1</td><td>1-2</td><td>1-3</td>
</tr>
<tr onclick="document.location = 'example.com';">
<td>2-1</td><td>2-2</td><td>2-3</td>
</tr>
</table>
1. Не видны картинки
@media print {
* {
background-image: none !important;
}
}
2. Юзается мобильная сетка
/* Пример: принтеры и экраны >= 1024px */
@media print, (min-width: 1024px) {
}
@media all and (min-width: 601px) and (max-width: 991px) and (max-width: 768px)
.header-top-contacts {
width: calc(99.99% * 10/12 - (30px - 30px * 10/12)); }
.header-top-contacts:nth-child(n) {
float: left;
margin-right: 30px;
clear: none; }
.header-top-contacts:last-child {
margin-right: 0; }
.header-top-contacts:nth-child(12n) {
margin-right: 0; }
.header-top-contacts:nth-child(12n + 1) {
clear: left; }
.header-top-socials {
width: calc(99.99% * 2/12 - (30px - 30px * 2/12)); }
<table>
<thead>...</thead>
<tbody><!-- Добавляйте строки только внутрь tbody --></tbody>
<tfoot><!-- Подвал таблицы всегда будет внизу --></tfoot>
</table>