Отступ одной ячейки таблицы

@handkock · Регистрация: 15.10.2013

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

Нужно сделать горизонтальный отступ для одной единственной ячейки таблицы: слева - 15 %, справа - 30%. Никак не получается. Пробовал и border-spacing и cellspacing, никак. Что делать ?

@ludmila-sv · 26.09.2014, 19:32

HTML5
1
<td style="padding-left:15%; padding-right: 30%;"></td>

@handkock · 26.09.2014, 20:10 **[ТС]**

ludmila-sv, насколько я знаю, padding-и это внутренние отступы, а мне нужны внешние.

@ludmila-sv · 26.09.2014, 20:23

У ячеек таблицы нету внешних. Точнее, есть border-spacing и cellspacing, но это у всех ячеек, их нельзя задать для одной.
Но, как правило, нужного эффекта вполне можно добиться с помощью padding. А когда нельзя, можно не использовать таблицу.

Может быть, Вы поконкретней сформулируете, что хотели бы получить, тогда можно будет подумать над решением.

@handkock · 26.09.2014, 20:29 **[ТС]**

ludmila-sv, У меня есть менюшка верхняя. Делал её раньше при помощи списка горизонтального, но когда увеличивал масштаб, то правые три пункта некрасиво выходили под первый, большой. Поэтому хочу её при помощи таблицы реализовать, чтобы при уменьшении правые три пункта не переносились на новую строку.
Вот картинка - https://www.cyberforum.ru/atta... 1411323876. Говорю про верхний навбар.

@ludmila-sv · 26.09.2014, 20:39

Ну и зачем тут внешний отступ? Вполне же можно обойтись паддингом. Вам же главное, чтобы текст был на месте, а уж какими средствами Вы его будете там держать - вопрос второстепенный.

@handkock · 26.09.2014, 20:42 **[ТС]**

ludmila-sv, Спасибо, я разобрался, просто, немного не так применял его. Такая реализация вообще используется или обычно что-то другое делается ?

@ludmila-sv · 26.09.2014, 20:46

Ну, сейчас больше в ходу блоки, а не таблицы.
Но когда мне нужно сделать что-то быстро, и нужно ТОЧНО знать, что меню у меня на вторую строчку не вылезет ни при каких условиях - тогда да, делаю таблицу - мне так проще.

@handkock · 26.09.2014, 20:46 **[ТС]**

ludmila-sv,

HTML5
1
2
3
4
5
6
7
8
9
10
<div class="bk">
                <table class="footimg">
                <tr >   
                    <td nowrap class="begin start"><a href="#"><b>Start Bootstrap</b></td>              
                    <td><a href="#">About</a></td>
                    <td><a href="#">Services</a></td>
                    <td><a href="#">Contact</a></td>
                </tr>
                </table>        
            </div>

CSS
1
2
3
4
.begin { 
            padding-left : 15%;
            padding-right : 30%
        }

Применяю только к одной ячейке класс, а он правый паддинг применяется ко всем.

@ludmila-sv · 26.09.2014, 20:56

Не, это он не паддинг ко всем применяет, это он просто растягивает ячейки на оставшееся пустое место.
Вот что будет, если трем правым ячейкам задать фиксированную ширину, а левой ширину auto
http://jsfiddle.net/8q6pp7hy/

@handkock · 26.09.2014, 21:01 **[ТС]**

ludmila-sv, Благодарю, Людмила )

Новые блоги и статьи Все статьи Все блоги /
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(), которая. . .

@handkock 4 / 2 / 1 Регистрация: 15.10.2013 Сообщений: 94

	Отступ одной ячейки таблицы 26.09.2014, 19:23. Показов 11593. Ответов 10 Метки нет (Все метки) Нужно сделать горизонтальный отступ для одной единственной ячейки таблицы: слева - 15 %, справа - 30%. Никак не получается. Пробовал и border-spacing и cellspacing, никак. Что делать ? 0

@handkock 4 / 2 / 1 Регистрация: 15.10.2013 Сообщений: 94
	26.09.2014, 20:10 [ТС]
	ludmila-sv, насколько я знаю, padding-и это внутренние отступы, а мне нужны внешние. 0

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	26.09.2014, 20:23
	У ячеек таблицы нету внешних. Точнее, есть border-spacing и cellspacing, но это у всех ячеек, их нельзя задать для одной. Но, как правило, нужного эффекта вполне можно добиться с помощью padding. А когда нельзя, можно не использовать таблицу. Может быть, Вы поконкретней сформулируете, что хотели бы получить, тогда можно будет подумать над решением. 0

@handkock 4 / 2 / 1 Регистрация: 15.10.2013 Сообщений: 94
	26.09.2014, 20:29 [ТС]
	ludmila-sv, У меня есть менюшка верхняя. Делал её раньше при помощи списка горизонтального, но когда увеличивал масштаб, то правые три пункта некрасиво выходили под первый, большой. Поэтому хочу её при помощи таблицы реализовать, чтобы при уменьшении правые три пункта не переносились на новую строку. Вот картинка - https://www.cyberforum.ru/atta... 1411323876. Говорю про верхний навбар. 0

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	26.09.2014, 20:39
	Ну и зачем тут внешний отступ? Вполне же можно обойтись паддингом. Вам же главное, чтобы текст был на месте, а уж какими средствами Вы его будете там держать - вопрос второстепенный. 0

@handkock 4 / 2 / 1 Регистрация: 15.10.2013 Сообщений: 94
	26.09.2014, 20:42 [ТС]
	ludmila-sv, Спасибо, я разобрался, просто, немного не так применял его. Такая реализация вообще используется или обычно что-то другое делается ? 0

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	26.09.2014, 20:46
	Ну, сейчас больше в ходу блоки, а не таблицы. Но когда мне нужно сделать что-то быстро, и нужно ТОЧНО знать, что меню у меня на вторую строчку не вылезет ни при каких условиях - тогда да, делаю таблицу - мне так проще. 0

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	26.09.2014, 20:56
	Не, это он не паддинг ко всем применяет, это он просто растягивает ячейки на оставшееся пустое место. Вот что будет, если трем правым ячейкам задать фиксированную ширину, а левой ширину auto http://jsfiddle.net/8q6pp7hy/ 0

@handkock 4 / 2 / 1 Регистрация: 15.10.2013 Сообщений: 94
	26.09.2014, 21:01 [ТС]
	ludmila-sv, Благодарю, Людмила ) 0

Отступ одной ячейки таблицы

Решение