Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> растянуть div контентом, горизонтальное меню в рамке 
:(
    Опции темы
СЭНСЭЙ
Дата 10.3.2012, 17:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 432
Регистрация: 20.3.2006

Репутация: нет
Всего: нет



Добрый день!
Хочу ссылки горизонтального меню вставить в div.
Как сделать так что бы он растягивался контентом?
PM MAIL   Вверх
IBS
Дата 11.3.2012, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 214
Регистрация: 29.7.2008
Где: Белоруссия

Репутация: 2
Всего: 6



А он разве не растягивается?
подробнее

Это сообщение отредактировал(а) IBS - 11.3.2012, 15:06
PM MAIL   Вверх
СЭНСЭЙ
Дата 11.3.2012, 18:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 432
Регистрация: 20.3.2006

Репутация: нет
Всего: нет



Нет.

Код

<br />
<div style="background:#ff0000;">123</div>


этот код выведет слой с красной заливкой шириной во все окно браузера, а не на ширину контента.
PM MAIL   Вверх
IBS
Дата 11.3.2012, 19:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 214
Регистрация: 29.7.2008
Где: Белоруссия

Репутация: 2
Всего: 6



Если я вас правильно понял, то так
Код

<style>
        div { display: inline-block;}
</style>


<div style="background:#ff0000;">123</div>


Это сообщение отредактировал(а) IBS - 11.3.2012, 19:01
PM MAIL   Вверх
Evghenusi
Дата 11.3.2012, 22:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


майский жук
**


Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15



я бы предложил <span>, и прописывать ничего не надо
PM WWW   Вверх
СЭНСЭЙ
Дата 12.3.2012, 13:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 432
Регистрация: 20.3.2006

Репутация: нет
Всего: нет



та хотелось же именно div
иначе почему актуальна тема "верстка div ами" ,
если любой элемент можно ляпнуть и его позиционировать?
PM MAIL   Вверх
Evghenusi
Дата 12.3.2012, 14:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


майский жук
**


Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15



Цитата(СЭНСЭЙ @  12.3.2012,  13:15 Найти цитируемый пост)
та хотелось же именно div
ну и пользуйся советом IBS

Цитата(СЭНСЭЙ @  12.3.2012,  13:15 Найти цитируемый пост)
иначе почему актуальна тема "верстка div ами" ,
если любой элемент можно ляпнуть и его позиционировать?
то есть на твоей странице только div-ы? и больше никаких других тегов? даже body, head и html нет?  smile , ну ты крут  smile 

На данный момент существуют два основных способа верстания страниц — блочная верстка и табличная, но это не значит что в первом случае надо использовать только теги div, а во втором только таблицы.

поэтому я тебе и предложил использовать span, так как у него по умолчанию стиль display: inline-block , а у div-a  display: block , отчего он и растягивается на всю (позволенную) ширину))

а позиционировать можно любой тег, не вижу преград.
или есть? smile 
PM WWW   Вверх
СЭНСЭЙ
Дата 12.3.2012, 15:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 432
Регистрация: 20.3.2006

Репутация: нет
Всего: нет



Та нету )
Спасибо всем!
Конечно я попробую все варианты.
PM MAIL   Вверх
Molodec
Дата 12.3.2012, 19:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 249
Регистрация: 20.12.2010
Где: Украина

Репутация: нет
Всего: 1



Код

Разметка HTML
1:
2:
        <br />
<div style="background:#ff0000;">123</div>

Бессмыслица... 
<br /> - не нужен перед блочным элеметом. Он понадобится только когда... 
Код

<style>
        div { display: inline-block;}
</style>

PM MAIL   Вверх
SelenIT
Дата 13.3.2012, 01:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(Evghenusi @  12.3.2012,  14:10 Найти цитируемый пост)
использовать span, так как у него по умолчанию стиль display: inline-block

У спана по умолчанию просто inline.

Цитата(Molodec @  12.3.2012,  19:22 Найти цитируемый пост)
Он понадобится только когда...

А может, и не понадобится. Во-первых, есть варианты "скукожить" блок до ширины контента, не теряя блочного поведения - напр. display:table или (с оговорками, но всё же) float:left. Во-вторых, во многих случаях br-ки теперь можно вставлять и стилями.



--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0766 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.