Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.82/11: Рейтинг темы: голосов - 11, средняя оценка - 4.82
0 / 0 / 0
Регистрация: 24.02.2013
Сообщений: 21

Сделать табличку

23.05.2013, 23:35. Показов 2136. Ответов 14
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите, нужно сделать табличку, сделайте первые две строки
Миниатюры
Сделать табличку  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.05.2013, 23:35
Ответы с готовыми решениями:

Как сделать табличку
Добрый день,может кто небудь подскажет мне, как сделать вот такую табличку с картинкой ?

Как средствами css можно сделать табличку?
Доброго времени суток! Как средствами css можно сделать табличку? если не трудно могли бы показать код?) я пробовал сделать обычную...

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

14
23.05.2013, 23:41
 Комментарий модератора 
Перепечатывайте задание на форум.
0
0 / 0 / 0
Регистрация: 24.02.2013
Сообщений: 21
23.05.2013, 23:59  [ТС]
помогите сделать таблицу

первая строчка две ячейки по 300 пикселей
вторая строчка три ячейки по 200 пикселей
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
24.05.2013, 00:05
вы уверены, что задание именно такое (именно такие размеры ячеек), и именно таблицами?
0
0 / 0 / 0
Регистрация: 24.02.2013
Сообщений: 21
24.05.2013, 00:07  [ТС]
да уверен, нужно сделать именно табличками и именно так.
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
24.05.2013, 00:08
HTML5
1
2
3
4
5
6
7
8
9
10
11
<table border="1">
    <tr >
        <td width="300" colspan="3">td1.1</td>
        <td width="300" colspan="3">td1.2</td>
    </tr>
    <tr>
        <td width="200" colspan="2">td2.1</td>
        <td width="200" colspan="2">td2.2</td>
        <td width="200" colspan="2">td2.3</td>
    </tr>
</table>
2
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
24.05.2013, 00:09
http://htmlbook.ru/html/table
http://htmlbook.ru/html/td
http://htmlbook.ru/html/td/width
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
24.05.2013, 00:10
http://jsfiddle.net/KOPOJI/J5HYF/ (это пример "вживую" кода выше)
1
0 / 0 / 0
Регистрация: 24.02.2013
Сообщений: 21
24.05.2013, 00:13  [ТС]
Спасибо!
у меня еще такой вопрос, вот сейчас все границы как двойные выглядят, а на рисунке некоторые двойные а некоторые одинарные. как это сделать?
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
24.05.2013, 00:29
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
<table>
    <tr>
        <td colspan="3">td1.1</td>
        <td colspan="3">td1.2</td>
    </tr>
    <tr>
        <td colspan="2">td2.1</td>
        <td colspan="2">td2.2</td>
        <td colspan="2">td2.3</td>
    </tr>
    <tr>
        <td colspan="2">td3.1</td>
        <td colspan="2">td3.2</td>
        <td colspan="2">td3.3</td>
    </tr>
    <tr>
        <td colspan="2">td4.1</td>
        <td colspan="2">td4.2</td>
        <td colspan="2">td4.3</td>
    </tr>
    <tr>
        <td colspan="2">td5.1</td>
        <td colspan="2">td5.2</td>
        <td colspan="2">td5.3</td>
    </tr>
</table>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
table {
    border: 4px solid black;
    border-spacing:0;
    margin:none;
    padding:none;
}
td {
    border: 1px solid black;
    width: 200px;
}
tr:first-child td {
    border-bottom: 3px solid black;
    width: 300px;
    background: #CCC;
}
tr:last-child td {
    border-top: 4px solid black;
    background: #CCC;
}
http://jsfiddle.net/KOPOJI/J5HYF/1/

Добавлено через 2 минуты
только одинаковый размер border проставьте для всех, кроме просто td
2
0 / 0 / 0
Регистрация: 24.02.2013
Сообщений: 21
24.05.2013, 00:36  [ТС]
а можно сделать это без использования css ?
просто в каждом теге прописать это ?
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
24.05.2013, 00:38
можно.. только прописывайте сами

Добавлено через 1 минуту
Цитата Сообщение от KOPOJI Посмотреть сообщение
можно
вернее нет, нельзя. однако стили можно прописать непосредственно в самих тегах - через атрибут style
0
0 / 0 / 0
Регистрация: 24.02.2013
Сообщений: 21
24.05.2013, 00:39  [ТС]
да, спасибо за помощь
0
O tempora, o mores!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
24.05.2013, 01:37
можно было шапку дивами, остальное - таблица. но таки ТС суров
0
24.05.2013, 20:18

Не по теме:

ТС суров вообще без опровданий

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.05.2013, 20:18
Помогаю со студенческими работами здесь

Как опустить табличку?
Подскажите, пожалуйста, как мне прикрепить табличку в низу окна сайта? Она есть отдельная табличка.

Как убрать табличку в гугл картах?
Кто нибудь знает как убрать эту дурацкую таблички в гугл картах, зачем они запихнули туда, небыло же..

как в html создать такую табличку? (с css)

Написать вот такую вот табличку

Нужно сделать табличку
Желательно виндовс форм , Табличка из 8 колонок , чтобы при ее заполнении за погялся автоматически номер ,Х и L вводяться вручную ,надо...


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

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Новые блоги и статьи
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru