|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
17.09.2017, 12:26 | #1 |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Как сделать тег <p> не на всю ширину страницы
Здравствуйте. С HTML знаком и работаю давно, и как-то меня смутила такая возникшая проблема:
Не могу ширину тега <p> изменить. Ведь <p>, <a>, <h1-6> и т.п. по умолчанию занимают всю доступную ширину. А нужно бы, чтобы занимали только столько, сколько места занимает их содержимое. Почему-то свойство "display: block;" не решает эту проблему. Конкретную ширину задать не могу - длина у них может быть разная.
Булат Азат улы
Последний раз редактировалось Bulat Ibrahim; 17.09.2017 в 12:36. |
17.09.2017, 15:13 | #2 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
|
17.09.2017, 22:38 | #3 |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Вадим Мошев, да, с <a> я переборщил.
Но всё же - если поставить <a>, или задать свойство "display: inline-block", то все теги этого типа встанут в одну строчку, а так мне нельзя. Я делаю раскрывающееся меню. Идёт параграф (или ссылка - не важно), после него блок <div>, который скриптами раскрывается и закрывается, при щелчке на вышестоящий параграф. Далее ещё параграф/блок, и ещё. Так вот, если поставить теги <p> и ему подобные, то клики на эти параграфы принимаются по всей ширине сайта, если даже они состоят из 1-2 слова. Если поставить свойство "display: inline-block" или поставить теги типа <a>, то все эти кликабельные тексты встанут в ряд, так как блоки <div>, которые следуют после них, изначально имеют свойство "display: none". А если поставить после этих тегов перенос строки <br>, то скрипт по ним почему-то перестаёт выполняться вообще. Вот и не знаю, как быть...
Булат Азат улы
|
18.09.2017, 02:42 | #4 | ||
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Цитата:
Цитата:
Вы параграфы оставьте inline-block, но оберните их в div'ы. Но в этом случае вам надо будет переписать свой скрипт, наверное - старый вариант уже работать не будет. |
||
18.09.2017, 09:41 | #5 |
Форумчанин
Регистрация: 24.04.2015
Сообщений: 199
|
Вадим Мошев, похоже, придётся так и сделать. Спасибо!
Булат Азат улы
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как растянуть страницу на всю ширину экрана в "боксовом" шаблоне Minamaze? | yorkshir | WordPress и другие CMS | 1 | 30.12.2015 15:42 |
Слайдер на всю ширину | Alena_sevik | HTML и CSS | 1 | 25.03.2014 02:30 |
Как расширить таблицу на всю ширину страницы | Aleksey1989 | HTML и CSS | 2 | 10.09.2012 20:42 |
Меню растянуто на всю ширину окна в IE | SunnyAngel | HTML и CSS | 1 | 28.08.2009 19:53 |
Как растянуть кнопку на всю ширину ячейки? | Stilet | HTML и CSS | 2 | 14.08.2009 15:40 |