Форум Flasher.ru
Ближайшие курсы в Школе RealTime
Список интенсивных курсов: [см.]  
  
Специальные предложения: [см.]  
  
 
Блоги Правила Справка Пользователи Календарь Поиск рулит! Сообщения за день Все разделы прочитаны
 

Вернуться   Форум Flasher.ru > Работа над сайтом > HTML/DHTML/CSS/JS/VB

Версия для печати  Отправить по электронной почте    « Предыдущая тема | Следующая тема »  
Опции темы Опции просмотра
 
Создать новую тему Ответ
Старый 09.02.2009, 17:12
colobokXXL вне форума Посмотреть профиль Отправить личное сообщение для colobokXXL Найти все сообщения от colobokXXL
  № 1  
Ответить с цитированием
colobokXXL

Регистрация: Nov 2006
Сообщений: 21
По умолчанию Ширина бокса по ширине содержимого

Всем привет :-) вопрос очень простой, как мне кзалось... но ничего поделать не могу. Проблема такая: есть класс, который задаёт цвет фона, рамку и выравнивание по центру для текста (класс применяется для тега <p>). При этом текст всегда разный. Необходимо, чтобы бокс не растягивался на всю ширину родительского бокса (что, собственно, и происходит на автомате), а менял свою ширину в зависимости от размера текста.
Пробовал в том же классе прописать margin: auto; в разных вариациях - результат тот же.
Наверняка вопрос уже решённый, если кто знает, подскажите.
Спасибо всем за помощь :-)

Добавлено через 16 часов 52 минуты
в сети наткнулся на это http://www.artlebedev.ru/tools/techn.../align-center/
очень интересно, но хочеться попростче

Старый 10.02.2009, 18:58
KidsKilla вне форума Посмотреть профиль Отправить личное сообщение для KidsKilla Посетить домашнюю страницу KidsKilla Найти все сообщения от KidsKilla
  № 2  
Ответить с цитированием
KidsKilla
.grin! wuz here
 
Аватар для KidsKilla

Регистрация: Aug 2004
Адрес: paradise city
Сообщений: 3,981
Отправить сообщение для KidsKilla с помощью ICQ
а что тут сложного то? один дополнительный див-обёртка и всё...
написано же
Цитата:
Все очень просто
других вариантов не существует. вернее существуют, но их не знает поделка компании мелкомягко.
__________________
Breakcore them all!

Старый 24.02.2009, 13:09
colobokXXL вне форума Посмотреть профиль Отправить личное сообщение для colobokXXL Найти все сообщения от colobokXXL
  № 3  
Ответить с цитированием
colobokXXL

Регистрация: Nov 2006
Сообщений: 21
Способ проще существует.

Код:
<div class="box">
<p class="framebox">Выравниваем по середине</p></div>

В CSS пишем так:

Код:
.box {text-align:center;}

.framebox { 
	display:inline; /*makes string element from block element*/
	padding: 5px;
	background:#ccffee;
	text-align: center;
	border:#5577ff 2px solid;}
Не знаю как вам, лично мне не нужен тупо ответ да ещё с комментарием "Всё очень просто". Приятнее ПОНЯТЬ почему всё это работает.
Для моего решения. Вся суть в том, что блочный элемент меняется на строчный (display:inline, а для строчных элементов размер по горизонтали определяется его содержимым, а не размерами родительского бокса.
Бокс обёртка <div> выравнивает своё содержимое по середине.
Может я где-то в понятиях и ошибся, но суть, думаю, передал правильно.

Старый 24.02.2009, 14:54
KidsKilla вне форума Посмотреть профиль Отправить личное сообщение для KidsKilla Посетить домашнюю страницу KidsKilla Найти все сообщения от KidsKilla
  № 4  
Ответить с цитированием
KidsKilla
.grin! wuz here
 
Аватар для KidsKilla

Регистрация: Aug 2004
Адрес: paradise city
Сообщений: 3,981
Отправить сообщение для KidsKilla с помощью ICQ
в том то и дело, что в чем состоит "ваше решение" -- не известно.
строчный блок в ие не поддерживает указание высоты, ширины, паддингов. всё зависит от его содержимого. в вопросе указывается слово "бокс", что относится к блочному элементу, а не к строчному.

если уж интересно "понять", почитайте: http://softwaremaniacs.org/blog/category/web/primer/
__________________
Breakcore them all!

Старый 27.02.2009, 10:35
colobokXXL вне форума Посмотреть профиль Отправить личное сообщение для colobokXXL Найти все сообщения от colobokXXL
  № 5  
Ответить с цитированием
colobokXXL

Регистрация: Nov 2006
Сообщений: 21
Да, не спорю, с терминами немного напутал но свою задачу решил. Код-то работает и работает визуально правильно. Про маниакальный веблог знаю).
Вот ещё интересная вещь http://wdh.suncloud.ru/

P.S.: я хоть попытался объяснить почему код именно такой, а не другой. В примере http://www.artlebedev.ru/tools/techn.../align-center/ кроме "Всё очень просто" других комментариев нет. Не всё для всех всегда очевидно) лучше сказать где прочитать или как подумать, чем давать готовое решение без объяснений. Это лично моё мнение, его разделять совершенно не обязательно СПАСИБО!

Создать новую тему Ответ Часовой пояс GMT +4, время: 01:51.
Быстрый переход
  « Предыдущая тема | Следующая тема »  
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


 


Часовой пояс GMT +4, время: 01:51.


Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.