Вопросы и ответы по HTML и CSS (Стр. 41)

И

Игорь 11.01.2010 / 21:43
Оранжевые штаны

0

Помогите плиз) У меня есть еще вопросы елси есть время то аську

А

Артур 11.01.2010 / 23:58
Оранжевые штаны

0

Чтобы фоновая картинка не двигалась? Не совсем понял вопрос но по моему речь идет о фиксации, попробуй так background: url(...) fixed; не помню точно код, вроде так.

И

Игорь 12.01.2010 / 05:33
Оранжевые штаны

0

ЧТо надо прописать что бы фоновы рисунок был "рястянут" по всему окну браузера?
Ну вот есть фоновая картинка. Если ее выводить то она по умолчанию в левом верхнем углу, а мне надо что бы картинка "растенулась" По все странице.
Вот что уже написанно

body {
background-image: url(/themes/default/img/bg.bmp);
background-repeat: no-repeat;
bachground: fixed;
}

Изменил: Игорь (12.01.2010 / 05:38)

Удаленный 12.01.2010 / 06:00
Дух

0

409,в css диве где выводится картинка пропиши:

max-width: 400px;
text-align: center;

400рх ширина фона,text-align это картинка будет выровнена по центру! можешь увеличивать не в css а в самом коде в теге картинки перед alt,можешь сразу растягивать,например

<img src="фото" style="width: 20px; height: 10px;" alt="" />

И

Игорь 12.01.2010 / 06:20
Оранжевые штаны

0

Ну вот как сайчас получаеться при любых манипуляциях
http://upwap.ru/705529
А вот как я хочу что бы автоматом подстраивалась под размер экрана
http://upwap.ru/705530

Изменил: Игорь (12.01.2010 / 06:27)

Удаленный 12.01.2010 / 06:56
Дух

0

411,эта строка же идет в виде фоновой картинки как и тег
<body background="/themes/default/img/bg.bmp">
-----------------
div.img{padding-center: 16px;} тогда это пиши

А

Анатолий 13.01.2010 / 11:06
Пацак

0

User (12.01.10 / 05:56)
-----------------
div.img{padding-center: 16px;} тогда это пиши

Эта запись не валидна. padding-center не существует.
HitLow
Если надо продублировать картинук, тогда
background-repeat: repeat-x;
А если просто растянуть на ширину страницы (которая кстати неизвесна, то это без javascript вряд ли сделаешь)
Кста, вот те готовая таблица к ВЕБ

Виталий 13.01.2010 / 11:19
Землянин

0

413, на пары дуй)
411, Подробнее:
background: url(путь) (repeat, repeat-x, repeat-y) [top, right, bottom, left, center] [top, right, bottom, left, center] [#RRGGBB]
Как ты хочешь не будет, читай пост 413 почему

Изменил: Виталий (13.01.2010 / 11:21)

Д

Дмитрий 13.01.2010 / 14:52
beta than alpha

0

Возможно, слегка не по теме. Но все же хочется поделиться идейкой)
Собственно, задался вопросом. Возможно ли подключать несколько ксс с разными параметрами для одних и тех же элементов к одной хтмл странице, да так, чтобы в зависимости от ширины экрана, подключался нужный стиль?
Ответ искать было лень. Но как-то раз зашел на w3.org. Вверху увидел возможность переключения стиля. ну начал щелкать, при этом заметил, что страница-то не обновляется. Заинтересовался)
Посмотрел код страницы, увидел вот что:

<style type="text/css" media="print, screen and (min-width: 481px)">
/*<![CDATA[*/
@import url("/2008/site/css/advanced");
/*]]>*/
</style>

То бишь, при ширине страницы >481px, подключается утяжеленный цсс.
При ширине <481px подключается другой цсс.
Таким образом, можно без вмешательства скриптов, на одном лишь css задавать разные параметры для одних и тех же элементов страницы.
Собственно, совмещать вап с веб, как на в3, трудно. но таким способом можно решить, например, проблему display: inline; Думаю, все знают, что при малой ширине экрана элементы с таким отображением косячат)А так, можно сделать альтернативную цсс без данного параметра, и подключать ее, если ширина экрана меньше заданного параметра.
Сам пока эту задумку не реализовывал, так как пока нет времени)Может кому пригодится)

Виталий 13.01.2010 / 15:02
Землянин

0

415, это хорошо. только бы моб. браузер это прочел нормально. надо тесты делать smile

идея хорошая