html таблица

@aristov-96 · Регистрация: 29.08.2010

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

вот простенькая html таблица:

HTML5
1
2
3
4
5
6
7
8
<TABLE BORDER>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>

как сделать что бы поля: D,E,F на 50% поднялись вверх, естественно это поля будут пересекаться с A,B,C, можно так как нибудь сделать!?

@planod · 21.11.2011, 16:12

Навскидку попробуйте

HTML5
1
2
3
4
5
6
7
8
<TABLE>
        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR id="up">
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>
</TABLE>

CSS
1
2
3
#up {
position: relative;
top: -50px}

вместо 50 - свое значение

@aristov-96 · 21.11.2011, 17:07 **[ТС]**

Сообщение от planod

Навскидку попробуйте

ну это пойдёт только к моему монитору, на остальных подругому будет?

@Vicont · 21.11.2011, 17:17

Сообщение от aristov-96

ну это пойдёт только к моему монитору, на остальных подругому будет?

50 px на всех мониторах 50px.

@aristov-96 · 22.11.2011, 18:09 **[ТС]**

Сообщение от Vicont

50 px на всех мониторах 50px.

только почему то в моей опере нормально делается, а в фаерфоксе или на других компах ничего не меняется

Добавлено через 13 минут
ещё я заметл что на других компах и на моём в IE открывается, а в других браузерах ничего не меняется
я после body ставлю

CSS
1
2
3
4
5
6
    <style type="text/css">
#up {
position: relative;
top: -250px;
}
    </style>

и потом сразу таблица
может что-то не так или можно как-нибудь по другому?

Добавлено через 4 часа 20 минут
помогите пожалйста, это срочно

Добавлено через 20 часов 12 минут
видемо в синтаксисе ошибка, помогите пожалуйста

@ценZz · 23.11.2011, 21:44

aristov-96, на, держи:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
    tr:first-child {
        position: absolute;
    }
</style>
<table>
    <tr>
        <td>A</td><td>B</td><td>C</td>
    </tr>
    <tr>
        <td>D</td><td>E</td><td>F</td>
    </tr>
</table>

@aristov-96 · 24.11.2011, 14:02 **[ТС]**

Сообщение от ценZz

а что значит этот код? и как теперь опустить на 50px?

@ценZz · 24.11.2011, 14:05

aristov-96, придаем первой строке таблицы абсолютное позицирование, опустить на 50px вниз, добавив свойство margin-top: 50px;

CSS
1
2
3
4
 tr:first-child {
  position: absolute;
  margin-top: 50px;
 }

@aristov-96 · 24.11.2011, 14:14 **[ТС]**

CSS
1
2
3
4
 tr:first-child {
  position: absolute;
  margin-top: 50px;
 }

а если не первую а вторую строку опустить? то полагаю так:

CSS
1
2
3
4
 tr:second-child {
  position: absolute;
  margin-top: 50px;
 }

@ценZz · 24.11.2011, 16:00

aristov-96, нет, в CSS существует только :first-child, ну и в css3 пояилась возможность обращаться к последнему дочернему элементу :last-child, а вообще, лучше задать id или class каждой строке и в css описать стиль. Например, так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style type="text/css">
        #second {
                position: absolute;
                margin-top: 50px;
        }
</style>
<table>
        <tr id="first">
                <td>A</td><td>B</td><td>C</td>
        </tr>
        <tr id="second">
                <td>D</td><td>E</td><td>F</td>
        </tr>
</table>

@aristov-96 · 06.12.2011, 18:09 **[ТС]**

помогите пожалуйста как сделать что бы опустилась только эта чать той же самой таблицы на 50px

HTML5
1
<TD>D</TD>

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