Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 04.06.2016, 23:20   #1
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 199
По умолчанию [РЕШЕНО]: "Центральный" блок для стихов

Всем привет. У меня вот следующая проблема. На сайте должны быть стихи. А стихи, как правило, писать по середине. По середине, но вот с ровным левым краем. По этому, создать обычный блог для стихов, и дать абзацам text-align: center; не подходит. Также дать абзацу фиксированный отступ тоже нельзя, потому что стихи бывают разными... Толстые, худенькие... Центр так поймать очень сложно.
Мне пришла в голову мысль создать блок <div> с margin: 0 auto; (то есть блок будет находиться по середине), и ширину его сделать минимальным (ну, например, 50px), и сделать так, чтобы она расширялась по размерам текста ! по ширине !. Думал, что с min-width и max-width смогу разобраться, так как по высоте блога так все получается, но не тут-то было...
Помогите пожалуйста, может, есть какие-то команды в CSS, чтобы блок мог играться с шириной относительно ширина содержимого?

Решение:
Цитата:
Сообщение от Naive Посмотреть сообщение
— Внешнему блоку text-align: center;
— Внутреннему, display: inline-block; и text-align: left;
Такой метод разместит блок по центру, а его размер будет задавать контент. Отлично метод подходит для модалок. Пример есть у меня в подписи — жми на кнопку "создать книгу бесплатно".

Также задай поля и отступы по вкусу.
Стихи лучше разбивать по абзацам (<p>), а строки, соответственно переносить через <br>
Булат Азат улы

Последний раз редактировалось Вадим Мошев; 12.05.2018 в 19:37.
Bulat Ibrahim вне форума Ответить с цитированием
Старый 04.06.2016, 23:44   #2
Smitt&Wesson
Старожил
 
Аватар для Smitt&Wesson
 
Регистрация: 31.05.2010
Сообщений: 13,964
По умолчанию

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

Создать, просто блог для стихов,
Мне - откровенно зазорно.
Стихов не пишу я своих
А копипастить - позорно.

Ну ладно, скажу не тая
Меня удивил ты отменно.
Возможно, величия для.
Но глупость несёшь - откровенно.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder
Smitt&Wesson вне форума Ответить с цитированием
Старый 05.06.2016, 11:05   #3
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 199
По умолчанию

Цитата:
Сообщение от Smitt&Wesson Посмотреть сообщение
На сайте, должны быть стихи.
Не понимаю зачем, но маюсь-я.
Наверное, потому-что один.
Одичал уже и отчаялся.

Создать, просто блог для стихов,
Мне - откровенно зазорно.
Стихов не пишу я своих
А копипастить - позорно.

Ну ладно, скажу не тая
Меня удивил ты отменно.
Возможно, величия для.
Но глупость несёшь - откровенно.
Аплодирую! Стих не плохой!
Но просто дела в том, что в моем сайте стихи в такой форме (слева, скраю) совсем не подходят. Что-то не то получается. Хотелось бы их посередине расположить, как в книгах.

А что же тут такого, если я создаю отдельный блог под стихи? Я вообще с блоками <div> дружу, у меня их на сайте - десятки! Удобно же, дать им класс или идентификатор, и писать в стилях для каждого что хочешь)))

Так можно как-то сделать блог, которая растягивается в ширину относительно абзаца?

Вот, сделал скриншот того, что я пока смог натворить: http://storage5.static.itmages.ru/i/...1b388b87db.jpg
Теперь надо, чтобы вот этот средний блок растягивался в ширину самого длинного абзаца в этом блоке...
Булат Азат улы

Последний раз редактировалось Вадим Мошев; 05.06.2016 в 14:01.
Bulat Ibrahim вне форума Ответить с цитированием
Старый 05.06.2016, 11:25   #4
Smitt&Wesson
Старожил
 
Аватар для Smitt&Wesson
 
Регистрация: 31.05.2010
Сообщений: 13,964
По умолчанию

В теге <div> поставь - witch - "auto". Будет растягиваться.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder
Smitt&Wesson вне форума Ответить с цитированием
Старый 05.06.2016, 13:40   #5
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 199
По умолчанию

Цитата:
Сообщение от Smitt&Wesson Посмотреть сообщение
В теге <div> поставь - witch - "auto". Будет растягиваться.
Если написать width: auto; то этот блок растянется столько, сколько сможет, а не столько, сколько длина внутненнего абзаца. Да, с высотой блока height: auto; получится то, что я хотел... Только в длину А в ширину, к сожалению, я так сделать что-то не могу
http://storage9.static.itmages.ru/i/...d55b3ad7dd.jpg
Булат Азат улы

Последний раз редактировалось Вадим Мошев; 05.06.2016 в 14:01.
Bulat Ibrahim вне форума Ответить с цитированием
Старый 05.06.2016, 14:20   #6
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

— Внешнему блоку text-align: center;
— Внутреннему, display: inline-block; и text-align: left;
Такой метод разместит блок по центру, а его размер будет задавать контент. Отлично метод подходит для модалок. Пример есть у меня в подписи — жми на кнопку "создать книгу бесплатно".

Также задай поля и отступы по вкусу.
Стихи лучше разбивать по абзацам (<p>), а строки, соответственно переносить через <br>

п.с. Смитт как всегда офигенен))
Alar, верни репу!

Последний раз редактировалось Naive; 05.06.2016 в 14:32.
Naive вне форума Ответить с цитированием
Старый 05.06.2016, 15:59   #7
Smitt&Wesson
Старожил
 
Аватар для Smitt&Wesson
 
Регистрация: 31.05.2010
Сообщений: 13,964
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
п.с. Смитт как всегда офигенен))

Да, с этой хренью я тоже мучился. То этим дивам и так-не так и так не эдак. Плюнул. Создал таблицу. Тьфу-тьфу-тьфу, хоть мороки не имею.
В Опере работает. Проверяю на лисе, все блоки перепутаны. Проверяю на Хроме. Перепутка идёт, но совсем ни как на Лисе. Проверяю на IE, там вообще - полный пипец! Даже некоторые блоки не отображал. Да, и Хром, не айс. Опера, гадина, рекламу отображает. Хром, хоть ап стену убейся, не хочет.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder

Последний раз редактировалось Smitt&Wesson; 05.06.2016 в 16:05.
Smitt&Wesson вне форума Ответить с цитированием
Старый 05.06.2016, 16:04   #8
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 199
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
— Внешнему блоку text-align: center;
— Внутреннему, display: inline-block; и text-align: left;
Такой метод разместит блок по центру, а его размер будет задавать контент. Отлично метод подходит для модалок. Пример есть у меня в подписи — жми на кнопку "создать книгу бесплатно".

Также задай поля и отступы по вкусу.
Стихи лучше разбивать по абзацам (<p>), а строки, соответственно переносить через <br>

п.с. Смитт как всегда офигенен))
Спасибо большое!!! То, что и хотел!!!
Булат Азат улы
Bulat Ibrahim вне форума Ответить с цитированием
Старый 05.06.2016, 16:20   #9
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 199
По умолчанию

Цитата:
Сообщение от Smitt&Wesson Посмотреть сообщение

Проверяю на лисе, все блоки перепутаны. Проверяю на Хроме. Перепутка идёт, но совсем ни как на Лисе. Проверяю на IE, там вообще - полный пипец! Даже некоторые блоки не отображал. Да, и Хром, не айс. Опера, гадина, рекламу отображает. Хром, хоть ап стену убейся, не хочет.
Это вы о каких блоках говорите? У меня на сайте очень много блоков, вот, только что два блока добавил - под внешний (основной блок оставил для "не стихов", и блок под сам стих) - ничего, все браузеры отображают страницу одинаково. Правда, на Сафари пока не пробовал открывать... Надеюсь, там тоже все нормально.
Булат Азат улы
Bulat Ibrahim вне форума Ответить с цитированием
Старый 05.06.2016, 16:52   #10
Smitt&Wesson
Старожил
 
Аватар для Smitt&Wesson
 
Регистрация: 31.05.2010
Сообщений: 13,964
По умолчанию

Да, я всё про дивы. Правда, экспериментировал с этим, лет шесть назад. Возможно, уже что-то и изменилось. Старенький у меня сайт. 2009-го года. А сейчас, лениво движком заниматься. Работает, ну и ладушки.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder
Smitt&Wesson вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Для заданной строки определить все входящие в неё символ. Например: строка "abccbbabbac" состоит из символов "a", "b" и "c" Sandakan01 Помощь студентам 1 24.02.2016 03:20