Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 01.12.2013
Сообщений: 3
1

Размещение таблиц в HTML

01.12.2013, 13:13. Показов 875. Ответов 7
Метки нет (Все метки)

Дорого времени суток, уважаемые форумчане!
начинающему в HTML нужна ваша помощь: а именно, разместить таблицы и две пикчи под исходный формат, но скилов пока не хватает! помогите:??)

формат таков!
вот что есть в коде у меня...
код вот)
Кликните здесь для просмотра всего текста

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
<html>
 
    <head>
        <title>Anonymous</title>
    </head>                      
</html>
 
<html>         <!--начало.фон.текст.-->
    <head>
        <meta charset="utf-8">
        <title>background-image</title><!--Основной фон-->
        <style>
            body {
                background-image: url(images/bg1.jpg); <!-- Путь к фоновому изображению-->
                }
        </style>
    </head>
</html>
 
<html>              
    <table border="2" align="center">
        <tr>
        <td><img border="0" src="images/main.png" alt="Pulpit rock" width="1000" height="290"><!--картинка центрового фона-->
        </tr>
    </table> 
 
    <style>
        table {
            width: 300px; /* Ширина таблицы */
            border: 1px solid green; /* Рамка вокруг таблицы */
            margin: auto; /* Выравниваем таблицу по центру окна  */
        }
        td {
            text-align: center; /* Выравниваем текст по центру ячейки */
        }
    </style>
 
        
    <body>
        <table border="1" align="left" width="22%" height="10%" bgcolor="#f0f8ff">
                </tr>   
            <tr>
                <td>
                    <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Introduction</h1>
                </td>
            </tr>   
        </table>
         
        <table border="1" align="left" width="22%" height="10%" bgcolor="#f0f8ff">
                </tr>   
            <tr>
                <td>
                    <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Body</h1>
                    <p font-style: italic; font-weight: bold; font-size: 30px; font-family: arial, sans-serif;>Technical Information</p>
                </td>
            </tr> 
        </table>  
 
        <table border="1" align="center" width="22%" height="10%" bgcolor="#f0f8ff">
                </tr>   
            <tr>
                <td>
                    <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Body</h1>
                </td>
            </tr> 
        </table> 
 
        <table border="1" align="right" width="22%" height="10%" bgcolor="#f0f8ff">
                </tr>   
            <tr>
                <td>
                    <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Conclusion</h1>
                </td>
            </tr> 
        </table> 
 
        
        <table border="1" align="right" width="22%" height="10%" bgcolor="#f0f8ff">
                </tr>   
            <tr>
                <td>
                    <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>References</h1>
                </td>
            </tr> 
        </table> 
 
 
        
    </body> 
        
</html>
вот мой код

ЗАРАНЕЕ СПАСИБО!!!
Миниатюры
Размещение таблиц в HTML  
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
01.12.2013, 13:13
Ответы с готовыми решениями:

Размещение таблиц на сайте
Здрасьте, пилю сайт с выводом таблиц из бд и надо сделать так чтоб если таблица маленькая то она...

Размещение HTML игры на сайт
Я написала несколько игр на HTML 5, как их теперь разместить на сайт. Дело в том, что все данные у...

Размещение музыки в html коде страницы
Прошу прощения, если не туда попала. Направьте, пожалуйста. Пытаюсь сделать фоновую музыку на...

Размещение текста и изображения (Консультация) (HTML,CSS)
Здравствуйте, не могу разобраться с одной проблемой с оформлением сайта Мне нужно сделать...

7
2 / 2 / 2
Регистрация: 03.11.2013
Сообщений: 41
03.12.2013, 12:13 2
Во первых
HTML5
1
2
3
4
5
6
7
8
<!DOCTYPE html> <!--валидатор html не забываем-->
 <html> <!--только один html tag на одну страницу-->
<head>
<title> </title>
<meta charset="utf-8">
</head> <!--тоже одна head на страницу-->
<!--....все остальное тут....-->
</html> <!--в конце его закрыли-->
По самому вопросу создайте одельный файл стилей css и в нем как мне кажеться указать для каждой таблицы position
CSS
1
2
3
4
5
#body { /*каждой таблице можно присвоить ID */
    position: fixed;
    top: 200px;
    left: 100px;
}
п.с. сам только учусь)
1
104 / 88 / 21
Регистрация: 19.05.2012
Сообщений: 458
03.12.2013, 14:12 3
То есть вы хотите сделать так, как на картинке?
0
0 / 0 / 0
Регистрация: 01.12.2013
Сообщений: 3
03.12.2013, 18:29  [ТС] 4
Цитата Сообщение от Студент-с Посмотреть сообщение
То есть вы хотите сделать так, как на картинке?
да, именно так, как на картинке!
0
0 / 0 / 0
Регистрация: 01.12.2013
Сообщений: 3
05.12.2013, 15:35  [ТС] 5
Ребята, выручайте...помогите расположить таблицы и две картинки как на шаблоне?
ибо моя криворукость и уровень знаний не позволяют!
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
108
109
110
111
112
113
114
<html>
 
    <head>
        <title>Anonymous</title>
    </head>                      
</html>
 
<html>         <!--начало.фон.текст.-->
    <head>
        <meta charset="utf-8">
        <title>background-image</title><!--Основной фон-->
        <style>
            body {
                background-image: url(images/bg1.jpg); <!-- Путь к фоновому изображению-->
                }
        </style>
    </head>
</html>
 
<html>              
    <table border="2" align="center">
        <tr>
        <td><img border="0" src="images/main.png" alt="Pulpit rock" width="1000" height="290"><!--картинка центрового фона-->
        </tr>
    </table> 
 
    <style>
        table {
            width: 300px; /* Ширина таблицы */
            border: 1px solid green; /* Рамка вокруг таблицы */
            margin: auto; /* Выравниваем таблицу по центру окна  */
        }
        td {
            text-align: center; /* Выравниваем текст по центру ячейки */
        }
    </style>
 
        
    <body>
              <table style='position:absolute; top:33%; left:1.5%;' border="1"; height="200" width="300"; bgcolor="#f0f8ff">
            <tbody>
                <tr>
                        <td><h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Introduction</h1><hr>
                    <p>Anonymous is the most famous “Hacktivist” group in the world, communicating largely via YouTube clips.
                    the past two years around 90 people - some as young as 16 years old - have been arrested in the US, UK, and mainland Europe for online criminal activities relating to the “hacktivist” group Anonymous. The charges they face range from disabling commercial websites, stealing sensitive information such as credit card details, to attacking government security sites.
                    Not all of Anonymous activities involve attacking networks or websites. Anonymous has also been active in initiating public protests. But the web and IRC channels are the lifeblood of the group. If it weren’t for the Internet, Anonymous would’ve never existed.
                    4chan (4chan.org), an image-based bulletin board website, was publicly launched on October 1st. 
                    4chan allows people to post anonymously as well. Unlike 2channel, the vast majority of 4chan is in English. Well, it’s mainly English and slang based on various Internet memes, really. Any poster who doesn’t post text in the name field automatically gets credited as ‘Anonymous’. Most of the various forums on 4chan are based on Japanese pop culture, but their most popular forum is /b/.
                    /b/ has a fascinating culture onto itself. A lot of the user created graphical memes you may see circulating around the Internet, like “LOLcats”, “All your base are belong to us”, originated in the /b/ forum. As it is an image board, most of the postings are user generated graphics. Usually, they’re intended to amuse, offend, or do both at the same time. The majority of the postings are “Anonymous”.</p>
                    </td>
                </tr>
            </tbody>
        </table>
        
              <table style='position:absolute; top:126%; left:1.5%;'border="1" align="right" width="22%" height="10%" bgcolor="#f0f8ff">
            <tbody>
                <tr>
                        <td>
                        <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Body</h1> 
                        What is “Hacktivism”?
                        The origins of the term “Hacktivist” comes from, depending which reports you believe, a hacker collective amusingly named “The Cult of the Dead Cow”. The name joined the words Hacker and Activist together in 1996 to describe people who had a political agenda for their digital infiltrations. Of course the name didn't create the movements involved - there were recorded politically motivated hacks as early as 1989 - but it did give a distinction from those who attacked websites for personal gain. The causes that the early “Hacktivists” pursued included nuclear disarmament, a mass attack on the Indonesian government to highlight the conditions in East Timor, a series of hacks championing those murdered in the Acteal Massacre in Mexico by a paramilitary death squad, plus the Guy Fawkes day attack on the UK Government in 1994 protesting about the proposed Criminal Justice Bill, which disabled the Government's official website for a full week.
                        The common weapon of the “Hacktivist” is a Distributed Denial of Service (DDoS) attack(we have studied in in Chapter  10), which bombards the target servers with thousands of page requests. This then overloads and crashes the site. The idea is likened to a virtual sit-in and seen as disruptive rather than destructive because the target sites aren't damaged, no information is stolen, but the volume of requests causes them to shut down, thus preventing anyone from gaining access.
 
                    </td>
                </tr>
            </tbody>
        </table>
 
 
              <table style='position:absolute; top:33%; left:42%;'border="1" align="right" width="22%" height="10%" bgcolor="#f0f8ff">
            <tbody>
                <tr>
                        <td><h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Body</h1></td>
                </tr>
            </tbody>
        </table>
 
              <table style='position:absolute; top:53%; left:65%;'border="1" align="right" width="22%" height="10%" bgcolor="#f0f8ff">
            <tbody>
                <tr>
                        <td width=400>
                        <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>Conclusion</h1>   
                                Dozens of people have been arrested for involvement in Anonymous cyberattacks(8 of them died),in countries including the US, UK, Australia, the Netherlands, Spain, and Turkey. Evaluations of the group's actions and effectiveness vary widely. Supporters have called the group "freedom fighters" and digital Robin Hoods  while critics have described them as "a cyber lynch-mob" or "cyber terrorists". In 2012, “Time” called Anonymous one of the "100 most influential people" in the world.
 
                        Police in Europe and South America have arrested 25 alleged members of the "Anonymous" hacking group, Interpol said, amid a suspected attack on its own website by the group's supporters.
                        The arrests include four people in Spain, 10 in Argentina, six in Chile and five in Colombia as part of a worldwide sweep carried out as part of Interpol operation "Exposure."
                        Interpol did not immediately announce charges against the 25.
                        After Interpol announced the attacks, its website failed to load, a fact acknowledged by Anonymous on Twitter with the message "interpol.int DOWN."
 
                    </td>
                </tr>
            </tbody>
        </table>
        
              <table style='position:absolute; top:113%; left:65%;'border="1" align="right" width="22000%" height="10%" bgcolor="#f0f8ff">
            <tbody>
                <tr>
                        <td>
                        <h1 align="center" font-size: 30px; font-family: arial, verdana, sans-serif;>References</h1>   
                        http://www.pcadvisor.co.uk/features/internet/3414409/what-is-hacktivism-short-history-anonymous-lulzsec-arab-spring/ 
                        http://wearelegionthedocumentary.com/hacktivist-timeline/
                        http://resources.infosecinstitute.com/a-history-of-anonymous/
                        http://www.4chan.org/faq.php
                        http://ohinternet.com/B
                        http://edition.cnn.com/2012/02/29/world/europe/anonymous-arrests-hacking/index.html
 
                    </td>
                </tr>
            </tbody>
        </table>
        <p align="right"><img src="pic2.jpg"> </p>
</body> 
        
</html>
Миниатюры
Размещение таблиц в HTML  
0
Эксперт JSЭксперт HTML/CSS
2430 / 1109 / 310
Регистрация: 23.06.2011
Сообщений: 3,499
05.12.2013, 21:50 6
а размеры этих окошек какие, и размеры картинок? и почему таблицы?

отдай свой html валидатору на растерзание
страница проверки html
http://validator.w3.org/#validate_by_upload
показываем файл и жмём кнопку
0
Администратор
11990 / 5320 / 266
Регистрация: 05.04.2011
Сообщений: 14,088
Записей в блоге: 2
05.12.2013, 22:45 7
sanekz_cfc, дублировать темы на форуме запрещено.
0
25 / 25 / 6
Регистрация: 04.07.2013
Сообщений: 260
06.12.2013, 07:21 8
sanekz_cfc, Никогда больше не пишите таблицами! На странице должно быть по 1 паре тегов <body> и <html>

Вот накатал по быстрому, у меня работает хорошо, вам нужно будет настроить размеры, вставить картинки, ну и так далее. Пользуйтесь на здоровье!
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
<!doctype html>
<html>
    <head>
        <title>Home page</title>
        <style>
            #container {
                margin:20px auto;
                width:900px;
            }
            #header {
                border:1px solid rgba(200,200,200,0.5);
                margin:auto;
                padding:5px;
                text-align:center;
                width:300px;
            }
            #content {
                margin-top:20px;
            }
            #left, #center, #right {
                display:inline-block;
                width:290px;
            }
            #left {
                float:left;
            }
            #center {
                margin-left:15px;
            }
            #right {
                float:right;
            }
            #left_up, #left_down {
                border:1px solid rgba(200,200,200,0.5);
                padding:5px;
                text-align:center;
            }
            #left_down {
                margin-top:15px;
            }
            #center_container, #center_down, #right_up, #right_center, #right_down {
                border:1px solid rgba(200,200,200,0.5);
                margin-bottom:15px;
                padding:5px;
                text-align:center;
            }
            .clear {
                clear:both;
            }
        </style>
    </head>
    <body>
        <div id="container">
            <div id="header">
                title
            </div>
            <div id="content">
                <div id="left">
                    <div id="left_up">
                        intro
                    </div>
                    <div id="left_down">
                        Body text
                    </div>
                </div>
                <div id="center">
                    <div id="center_container">Body text</div>
                    <div id="center_down">Здесь еще одно изображение</div>
                </div>
                <div id="right">
                    <div id="right_up">
                        Здесь изображение
                    </div>
                    <div id="right_center">
                        intro
                    </div>
                    <div id="right_down">
                        Body text
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </body>
</html>
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.12.2013, 07:21

Ищу бесплатный хостинг для размещение простых html-страниц
Добрый день. Начал изучать HTML по книге для начинающих, и на этапе размещения созданных...

Регистратор доменов зарубежный аккредитованный, надежный, планируется размещение сайта на html css
Нужно зарегистрировать домен com на аккредитованном зарубежном сайте сайте регистратора доменов....

Запись таблиц на HTML
Здравствуйте! Помогите мне, пожалуйста, записать эти таблицы: на языке HTML, причём, как я понял, ...

Вёрстка таблиц с использованием HTML
Здравствуйте, помогите пожалуйста написать код в Html для данной таблицы


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

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

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