Создание таблицы

@dkg_C · Регистрация: 17.09.2012

Студворк — интернет-сервис помощи студентам

Тривиальный вопрос, но не могу разобраться. Вся суть будет отражена на картинках, а на словах: надо создать еще одну таблицу правее другой таблицы...

На картинке мой пример, но созданный в этой таблице...а мне надо бы еще тогда одну таблицу правее этой...Нужно для корректного поиска и скрытия данных, аля поиск в ВК...Радиокнопки, выбор и т.п. я уже сам прикручу, мне бы только таблицу создать правее...

Благодарю заранее

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
<!DOCTYPE HTML> 
<html>
<head>
<title>Мои друзья</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script>
    function search(b) {
        var fr = document.getElementsByClassName('friend');
        for (var i = 0; i < fr.length; i++) {
            if (fr[i].innerHTML.indexOf(b.value) < 0)
                fr[i].className = 'hide';
            else 
                fr[i].className = "";
        }
    }
</script>
</head>
<body>
    <table width="900px" align="center" border="0" cellspacing="0" cellpadding="0">
        <thead>
            <tr bgcolor="blueblueblue">
                <td width="300px" height="50px">&nbsp;&nbsp;&nbsp;<a href="index.html"><font size="5" color="white"><b>ВКонтакте</b></font></a></td>
                <td align="center">&nbsp;<a href="friends.html"><font size="-1">Друзья</font></a></td>
                <td align="center"><a href="pics.html"><font size="-1">Фотографии</font></td>
                <td align="center"><a href="#"><font size="-1">Музыка</font></a></td>
                <td align="right"><input class="search" placeholder="&nbsp;&nbsp;&nbsp;Search" type="text"><input class="button" type="button" value="GO!"></td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <table width="900px" align="center" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><p><b>&nbsp;&nbsp;&nbsp;<font size="3" color="grey">У Вас 3 друга</font></b><br>&nbsp;&nbsp;&nbsp;<font size="2"><a href="#">Найти новых друзей</a></font><br><p class="horizont-line"></p></td>
                    </tr>
                </table>
            </tr>
            <tr>
                <td>
                    <table width="900px"  align="center" border="0" > <!--ТАБЛИЦА-->
                        <tr class="friend"  valign="top"><td width="180">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.cyberforum.ru/images/x_0aa78505.jpg"><img style="border-radius: 8px" src="https://www.cyberforum.ru/images/x_0aa78505.jpg" width="150" height="150"></a></td>
                            <td width="200"><b>1</b><br><font color="grey">Online</font></td><td  width="200"><a href="#">Написать сообщение</a><br><a href="#">Удалить из друзей</a></td>
                        </tr>   
                        <tr class="friend" valign="top"><td width="120">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.cyberforum.ru/images/T9p5kHVvCbw.jpg"><img style="border-radius: 8px" src="https://www.cyberforum.ru/images/T9p5kHVvCbw.jpg" width="150" height="150"></a></td>
                            <td width="200"><b>2</b></td><td width="200"><a href="#">Написать сообщение</a><br><a href="#">Удалить из друзей</a></td>
                        </tr>
                        <tr class="friend" valign="top"><td width="120">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.cyberforum.ru/images/T9p5kHVvCbw.jpg"><img style="border-radius: 8px" src="https://www.cyberforum.ru/images/LJmymf-ypwM.jpg" width="150" height="150"></a></td>
                            <td width="200"><b>3</b><br><font color="grey">Online</font></td><td width="200"><a href="#">Написать сообщение</a><br><a href="#">Удалить из друзей</a><br></td>                   
                        </tr>
                    </table>            
            </tr>
            <table width="900px" align="center" border="0">
            <tr  height="35"  bgcolor="blueblueblue"><td  align="center" colspan="5"><font size="2" color="white">ВКонтакте @ 2013</td></tr>
            </table>
        </tbody>
    </table>
</body>
</html>

@maximus2011 · 25.05.2013, 07:32

ну так а в чем беда? Судя по коду у вас 2 таблицы по 900 пикс. в ширину. Не многовато? Ну да ладно. Дайте этим таблицам один класс, допустим left и пропишите в стилях

CSS
1
2
3
left{
float:left;
}

@dkg_C · 25.05.2013, 14:14 **[ТС]**

Ваш ответ совсем не о чем. Решил вопрос сам. Так что, вопрос закрыт.

@maximus2011 · 25.05.2013, 15:23

Ну раз мой ответ ни о чем, тогда поделитесь ответом. Видимо вы считаете, что вложить таблицу в таблицу и потом еще в таблицу и потом еще, самое подходящее решение. Подумайте о SEO прежде чем делать такие вложения...

P.S. И пора забыть сделать, что то вроде вконтакте... это смешно...

@dkg_C · 26.05.2013, 14:13 **[ТС]**

SEO мне здесь ни к чему, мне эту работу сдавать в универе

Как? И смысл был не в том, чтобы создавать таблицы в таблице, в таблице и т.д., а правее той, где друзья

И вернувшись к вопросу - как? Забыл объединить ячейки colspan'ом

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

IT_Exp Эксперт 34794 / 4073 / 2104 Регистрация: 17.06.2006 Сообщений: 32,602 Блог	24.05.2013, 23:17
	Ответы с готовыми решениями: Создание таблицы Создание таблицы Как в хтмл сделать такую таблицу: http://neveiksme.lv/tablica.jpg Создание таблицы Как сделать такую таблицу? Заранее признателен 4

@dkg_C 8 / 8 / 6 Регистрация: 17.09.2012 Сообщений: 144
	25.05.2013, 14:14 [ТС]
	Ваш ответ совсем не о чем. Решил вопрос сам. Так что, вопрос закрыт. 0

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	25.05.2013, 15:23
	Ну раз мой ответ ни о чем, тогда поделитесь ответом. Видимо вы считаете, что вложить таблицу в таблицу и потом еще в таблицу и потом еще, самое подходящее решение. Подумайте о SEO прежде чем делать такие вложения... P.S. И пора забыть сделать, что то вроде вконтакте... это смешно... 0

@dkg_C 8 / 8 / 6 Регистрация: 17.09.2012 Сообщений: 144
	26.05.2013, 14:13 [ТС]
	SEO мне здесь ни к чему, мне эту работу сдавать в универе Как? И смысл был не в том, чтобы создавать таблицы в таблице, в таблице и т.д., а правее той, где друзья И вернувшись к вопросу - как? Забыл объединить ячейки colspan'ом 0