0 / 0 / 0
Регистрация: 20.12.2018
Сообщений: 57
1

Как уйти из рабства таблиц

20.12.2018, 15:57. Показов 547. Ответов 1

как или чем можно заменить все структурные таблицы притом не изменяя вид сайта вот код
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<html>
    <!--Часов проведённых за этим кодом:6-->
 
    <head>
        <meta http-equiv="charset" content="utf-8">
        <link rel="shortcut icon" href="image/Logo.ico" type="image/x-icon" />
        <link href="style.css" type="text/css" rel="stylesheet" />
        <title>Торговый центр</title>
    </head>
 
    <body background="image/back.jpg">
        <table border="0" id="site">
            <tr>
                <td colspan="2">
                    <!--Шапка сайта-->
                    <div id="header">
                        <table border="0" vertical-align="center">
                            <tr>
                                <td>
                                    <img src="image/Logo.png">
                                </td>
                                <td>
                                    <p>
                                        <h1>Торговый центр "Восток"</h1>
                                    </p>
                                    <p>
                                        <h2>В городе Качканар ул. Гикалово 7а</h2>
                                    </p>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!--Шапка сайта-->
                </td>
            </tr>
            <tr>
                <td rowspan="2">
                    <!--Новости-->
                    <div id="new">
                        <h1 style="position: relative;
                     top: 10px; left: 10px;">Новости</h1>
                        <div class="newblock">
                            <table>
                                <tr>
                                    <td>
                                        <img src="image/new/1.png">
                                    </td>
                                    <td>
                                        <div class="nText">
                                            <h1>Розыгрыш подарков</h1>
                                            <p>РЕПОСТ в обмен на шикарные подарочки
                                                <br> Как мы и обещали Розыгрыш стартует прямо сейчас Поеееехали
                                                <br> Твоя задача ооочень проста:
                                                <br> 1. Стать участником нашей <a href="https://vk.com/vostok_tc">группы</a>!
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!--Новости-->
                </td>
                <td>
                    <!--Меню-->
                    <table id="menu" border="3" vertical-align="top" width="200px" align="center">
                        <tbody>
                            <tr>
                                <td id="menuZ">Меню сайта</td>
                            </tr>
                            <tr>
                                <td><a href="yarmarka.html">Рассписание ярморок</a></td>
                            </tr>
                            <tr>
                                <td><a href="part.html">Наши партнёры</a></td>
                            </tr>
                        </tbody>
                    </table>
                    <!--Меню-->
                    <!--Соц сети-->
                    <table id="soc" border="3">
                        <tr>
                            <td colspan="4" id="socZ" vertical-align="top" width="200px" align="center">Мы в соц. сетях</td>
                        </tr>
                        <tr>
                            <td>вк</td>
                            <td>ок</td>
                            <td>инстн</td>
                            <td>фасе бук</td>
                        </tr>
                    </table>
                    <!--Соц сети-->
                </td>
            </tr>
            <tr>
                <td colspan="2">
                </td>
            </tr>
        </table>
        <!--Подвал-->
        <div id="footer">
            Подвальчик
        </div>
        <!--Подвал-->
    </body>
 
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
#site {
    padding-bottom: -20px;
}
 
#header {
    top: 100px;
    height: 150px;
    background: linear-gradient(to top, #00FFFF, #FFffff);
    border-radius: 40px 40px 0px 0px;
}
 
#new {
    position: relative;
    height: 100%;
    background-image: url(image/fnew.png);
    border-radius: 10px 10px 0px 0;
}
 
.newblock {
    border-top: 5px dotted black;
    width: 100%;
    height: 270px;
    position: relative;
    top: 10px;
}
 
.newblock img {
    width: 250px;
    position: relative;
    left: 10px;
    top: 10px;
    border-radius: 20px 20px 20px 20px;
}
 
.newblock .nText {
    vertical-align: top;
    position: relative;
    left: 10px;
}
 
body {
    background: url(image/back.jpg);
}
 
#site {
    width: 100%;
}
 
#footer {
    border-radius: 0px 0px 20px 20px;
    background-color: #7b3f00;
    height: 40px;
}
 
#menu {
    border-radius: 20px 20px 0px 0px;
    background: linear-gradient(to top, #008000 1%, #78dbe2 20%);
    height: 100px;
    width: 100%;
    vertical-align: top;
}
 
#menu #menuZ {
    border-radius: 20px 20px 0px 0px;
    background-color: #f8f32b;
    text-align: center;
}
 
tbody {
    vertical-align: top;
}
 
#soc {
    border-radius: 20px 20px 0px 0px;
    background: linear-gradient(to top, #008000 1%, #78dbe2 20%);
    height: 100px;
    width: 100%;
    vertical-align: top;
}
 
#soc #socZ {
    border-radius: 20px 20px 0px 0px;
    background-color: #f8f32b;
    text-align: center;
}
 
#soc td {
    vertical-align: top;
}
надоело их уже использовать + занимают много места(хотя всё практично получается уместить)
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.12.2018, 15:57
Ответы с готовыми решениями:

OpenDialog: как уйти от него?
Доброго дня! есть часть кода см.ниже . Как сделать так чтобы файл Word отрывать не через OpenDialog...

Как можно уйти от больших чисел?
Я написал функцию, которая преобразует логическое условие в математическое выражение. Пример : ...

Печать и рисование, как уйти от двойной работы?
Здравствуйте! рисую на форме некоторые объекты (фигуры), линиями и потом эти же самые объекты...

Как люди пытаются уйти от своих дефектов
Навеяло историями про тараканы в голове как первопричину багов приложения. Хотелось бы рассмотреть...

1
gogolik
20.12.2018, 23:46     Как уйти из рабства таблиц
  #2

Не по теме:

Работает - не трогай!

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.12.2018, 23:46

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Как правильно уйти на конец данных в Еxcel?
Как правильно уйти на конец данных в Еxcel? При нажатии CTRL+END указатель устанавливается на...

MediaPlayer. Как уйти от прямого указания на файл?
using System; using System.Windows.Media; using System.Media; static MediaPlayer...

Как уйти от связи многие ко многим? Разделить таблицу БД на 2
Есть таблицы: ---Экзамены -(PK)№ Экзамена -Дата -Студент -Оценка -Дисциплина (SK к...

Как перестроить Visual Studio 2010 в режим построения приложений для работы (т е уйти из режима отладки )
Здравствуйте! Подскажите, пожалуйста, как перестроить Visual Studio 2010 (C#) в режим...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.