Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   www.boolean.name > Веб-программирование > JavaScript / HTML

JavaScript / HTML Создание динамической разметки страниц

Ответ
 
Опции темы
Старый 22.03.2013, 22:42   #1
h1dd3n
Бывалый
 
Аватар для h1dd3n
 
Регистрация: 19.06.2008
Сообщений: 677
Написано 263 полезных сообщений
(для 448 пользователей)
Как сверстать

"Как сверстать?" - вот в чем вопрос.
Конкретно: имеется такая вот линия (click):
Нажмите на изображение для увеличения
Название: 1.png
Просмотров: 219
Размер:	3.1 Кб
ID:	18964
Нужно чтобы она могла растягиваться на любую ширину. Сначала мне пришла "гениальная" идея:
[capleft][stretch][middle][stretch][capright]
Режем картинку на 4 части, получаем растягивающуюся на любую длину линию. Вот только после того как я ее порезал, с css у меня ничего не получилось... То есть нужно расположить 5 дивов друг за другом: capleft,middle,capright - фиксированы по ширине, а stretch растягиваются. В сумме такая конструкция должна по ширине занимать родительский див полностью. Подскажите как такое сделать) Или возможно можно сверстать как-то проще?
__________________
(Offline)
 
Ответить с цитированием
Старый 22.03.2013, 22:53   #2
moka
.
 
Регистрация: 04.08.2006
Сообщений: 10,429
Написано 3,453 полезных сообщений
(для 6,859 пользователей)
Ответ: Как сверстать

Фон всегда белый?

Вот замутил: http://jsfiddle.net/tRJ6w/
И потестить его Responsive'ность: http://moka.co/restest/#http://fiddl...et/tRJ6w/show/

Тут всё просто. У тебя есть основной фон - который зациклен. Затем есть лево, право и серидинка.
Есть основной элемент который имеет зацикленный фон, а в нём 3 элемента для сторон и серидинки.
Стороны отлично float'ятся к краям, а серидинку нужно центрировать, я часто использую position: absolute и left: 50% с отрицательным margin-left, чтобы было реально по серидинке.
С inline-block который можно было бы отцентровать используя text-align стараюсь не общаться, т.к. проблемы с IE большие. Да и вообще в последнее время не использовал inline-block уже очень давно.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
h1dd3n (23.03.2013)
Ответ


Опции темы

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

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


Часовой пояс GMT +1, время: 12:09.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com