1С-Битрикс Разработчикам

Заглянувший

Сообщений: 2 Регистрация: 15.03.2010

15.03.2010 18:10:31

Уважаемые форумчане ! И вновь обращаюсь с проблей растягивания шапки в горизонтальном направлении...перед тем , как создать эту тему я прочитал весь форум , но четких руководств и подсказок , которые бы смогли мне помоч я не нашел... Вопрос следующий : что необходимо мне прописать или добавить чтобы шапка стала на весь экран независимо от размера монитора ???

я пробывал ставить ширину 100% и эксперементировал с размером картинки.....но ничего не помогает....

Заранее благодарен откликнувшимся и прошу давать четкие действия или руководства , ибо эта проблема каснется еще многих , а бать может этот топик станет неплохим учебником что ли

Моя проблемная шапка ....как видно не растянута до конца....

Ну и собственно код css :

Пользователь 54403

Эксперт

Сообщений: 1063 Баллов: 175 Регистрация: 18.12.2009

15.03.2010 18:22:17

В цсс шапку делать ни к чему.

Код
<img src="http://s11.radikal.ru/i184/1003/84/ef4862b6ee9e.jpg" width="100%"/> hello world!

Если на картинку надо наложить еще что-то, можно поиграться с нависающим дивом:

Код
<div style="position:absolute; margin: 10px; border: 1px red dotted">Title!</div> <img src="http://s11.radikal.ru/i184/1003/84/ef4862b6ee9e.jpg" width="100%"/> hello world!

Ну и еще, это все-таки форум про битрикс, а не про html/css.

Экс-битриксоид.

Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90).

Пользователь 59864 Заглянувший Сообщений: 2 Регистрация: 15.03.2010	#3 0 15.03.2010 18:30:59 может этот скрин добавит понимания моей проблемы.... а еще тогда подскажите где , в каком пункте и что писать, что бы шапочка стала красивой и правильной !

Пользователь 23706

Гуру

Сообщений: 2615 Баллов: 428 Регистрация: 18.04.2008

15.03.2010 21:05:02

Если тянуть картинку на 100% ширины окна, то

Цитата
pavel pavel пишет: а еще тогда подскажите где , в каком пункте и что писать, что бы шапочка стала красивой и правильной !

никогда ей не станет - ни красивой, ни правильной.
Если же вы хотите чтобы картинка не тянулась, а повторялась, то делаете div, у него в бэкграунд ставите эту картинку и прописываете свойство background-repeat: repeat-x;

Код
#head-img{ height: 150px; width: 100%; background: url('путь к картинке') repeat-x; }

Цитата
Заранее благодарен откликнувшимся и прошу давать четкие действия или руководства , ибо эта проблема каснется еще многих , а бать может этот топик станет неплохим учебником что ли smile:)

Учебником чего? неплохим учебником верстки - тема на форуме битрикса? Глупости.
А еще, судя по вашему скриншоту, у вас повторение прописано неправильно. Прописано по вертикали, а не по горизонтали.

Иван

Администратор

Сообщений: 3438 Баллов: 410 Регистрация: 15.09.2008

15.03.2010 21:19:27

Цитата
pavel pavel пишет: а еще тогда подскажите где , в каком пункте и что писать, что бы шапочка стала красивой и правильной !

кнопку мне! (сделать сайт конечно)

Пользователь 34749

Постоянный посетитель

Сообщений: 101 Баллов: 12 Регистрация: 17.12.2008

16.03.2010 01:52:38

Цитата

pavel pavel пишет:
Уважаемые форумчане ! И вновь обращаюсь с проблей растягивания шапки в горизонтальном направлении...перед тем , как создать эту тему я прочитал весь форум , но четких руководств и подсказок , которые бы смогли мне помоч я не нашел... Вопрос следующий : что необходимо мне прописать или добавить чтобы шапка стала на весь экран независимо от размера монитора ???
...
Заранее благодарен откликнувшимся и прошу давать четкие действия или руководства , ибо эта проблема каснется еще многих , а бать может этот топик станет неплохим учебником что ли

Самое простое - это две картинки. Одна - фоновое изображение, прижатое к одному краю, и вторая изображение вложением, прижатое к другому краю ( <div style="background: url(/.../top-fon.jpg) left top no-repeat;"><img src="..." align="right">...</div> )
Можно центрировать фоновое изображение и прижимать к краям две картинки, можно использовать повторяющийся фон и картинки по краям, таблица с фоновым изображением, z-index ... Вариантов масса!
И это не вопрос по Битриксу, pavel...
Посмотрите здесь: http://htmlbook.ru/

Форум

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером