Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Блочная верстка.

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (2): [1] 2 »   

> Без описания
Fabos
Отправлено: 07 Января, 2013 - 16:18:23
Post Id


Гость


Покинул форум
Сообщений всего: 89
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)




Добрый вечер. Скажите пожалуйста. При помощи каких свойств в css, можно добиться следующего результата.
Есть два блока. Минимальная длина и высота 200px. При уменьшении масштаба они не блочатся, скажем налаживаются друг на друга. Как заставить их блочить друг друга?
 
 Top
broshurkaplus
Отправлено: 07 Января, 2013 - 17:21:37
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




ну так непонятно- ширина и высота, что значит блочить?
не должно такого быть. если элементы ,дивы,блочные, по идее они один под одним располагаются, если inline... или float:left то они по левому краю прижимаются...
вообще не пойму как они могут накладываться друг на друга - может быть содержимое этих элементов торчит за их пределы и накладывается, например текст не влазит.
почитайте про overflow, быть может вам это надо.
 
 Top
Fabos
Отправлено: 07 Января, 2013 - 17:43:08
Post Id


Гость


Покинул форум
Сообщений всего: 89
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)




Я видать толком не объяснил что мне нужно. Я не знаю как сделать следующее.
Уменьшаю маштаб, блоки идут друг к другу. Как сожмутся до мин ширины, дальше дизайн(блоки) не должен сжиматься.
У меня же, как до минимума дойдет, шапки блоков наползают друг на друга. А таблицы вовсе в низ уползают.
 
 Top
Саныч
Отправлено: 07 Января, 2013 - 17:58:44
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)




min-width для body пропишите


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
broshurkaplus
Отправлено: 07 Января, 2013 - 18:07:52
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




не могет быть
например
див с шириной 1000px
в нем два с мин-шириной и высотой 300 в линию
вы уменьшаете масшаб, так у вас пикселы теже остаются, посто раньше к примеру он( 1px) занимал 2*2 мм, а теперь 1*1мм, как он может накладываться
может вы ширину вкладки браузера уменьшаете?
дайте код этих дивов и цсс
 
 Top
Fabos
Отправлено: 07 Января, 2013 - 20:24:08
Post Id


Гость


Покинул форум
Сообщений всего: 89
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)




Саныч, Спасибо. Я уж надежду потерял, на что получится Улыбка. Не думал что такое простое ришене, я та лазал в display. Улыбка
(Добавление)
Еще вопрос. Есть к примеру изображение, на этом изображении куча различных цветов. У меня бывает в разных браузереах, в разных тонах. Решил через изображение.
Вот я щас могу только сделать полоску высота 200px, ширина 1px. И делать по x.
А вот можно ли выхватить кусок изображения, к примеру маленький квадратик по середке. И замостить как по x ,так и по y.
 
 Top
broshurkaplus
Отправлено: 07 Января, 2013 - 20:39:43
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




можно, но если "замостить" то изображение повторится, те как с боями на компе, если высота 100 а экран 300, то изображение наложится слева направо, а затем вниз и снова слева направо...
если по х то оно повторится по х в пределах элемента
а если по ху то оно растянется на всю ширину х и высоту у - если вы имеете ввиду растянуть

(Отредактировано автором: 07 Января, 2013 - 20:42:41)

 
 Top
Fabos
Отправлено: 07 Января, 2013 - 20:43:29
Post Id


Гость


Покинул форум
Сообщений всего: 89
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)




Честно, я что сегодня не так объясняю. У меня есть 20 разноцветных (маленьких) квадратов.На 1 изображении. К примеру в центре красный квадрат. Мне нужно его вытащить и замостить как по x, так и по y. Так чтоб весь фон был только из красных квадратов. Можно ли так сделать. У меня не получается так. Подскажите...
 
 Top
DelphinPRO
Отправлено: 07 Января, 2013 - 20:48:38
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




Fabos, вам сверстать картинку надо? если да, то будет проще, если вы просто ее покажете

(Отредактировано автором: 07 Января, 2013 - 20:48:56)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
broshurkaplus
Отправлено: 07 Января, 2013 - 20:58:48
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




не панятно зачем? взял картинку требуемую квадрат красный и замостил...
или нужно чтото наподобии цсс-спайта
вы хотите все картинки разместить в одной чтоб не загружать 50 картинок, в смысле 1 заголовок получить - тогда класс сделайте и позицию элементу...

напр квадрат 40*40 в нем квадрат 20*20другого цвета
для элемента создаем клас с ширирой и высотой 20, бекграунд ему всю картинку, а позицию в х10 у10 и он показывать будет квадрат 20*20 из середины, а далее как хотите извращайтесь над ним

правильно ли я понял?
 
 Top
Саныч
Отправлено: 07 Января, 2013 - 21:34:57
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)




broshurkaplus, если мои способности телепатии не подводят меня, то он пытается сделать что-то типа спрайтов, но для повторяющегося фона.
Fabos, первое - излогайте понятней, телепатия отбирает у меня много сил Улыбка второе - если я все же прав, то на CSS2.1 такое точно сделать нельзя. Можно, только в том случае, если повторять изображение вам нужно только в одну сторону (горизонт или вертикаль), тогда просто в самом файле выстраиваете фрагменты в нужной последовательности. Если же во все стороны - то нет, только отдельный файл. А вот на CSS3, если мне не изменяет память, есть какое-то свойство, позволяющее как-бы вырезать часть из изображения. Но я его не помню тк сходу, значит не использую, а если не использую, значит оно мало где работает. Вобщем нужно в мане покапаться немного.


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
Fabos
Отправлено: 08 Января, 2013 - 05:29:19
Post Id


Гость


Покинул форум
Сообщений всего: 89
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)




CODE (html):
скопировать код в буфер обмена
  1. padding:65px 100%; width:8px; height:5px; background:url(../images/color.png) 0px -4px repeat;


Высота 130px. Скажите пожалуйста, почему у меня так получается.
Прикреплено изображение
i.jpg

(Отредактировано автором: 08 Января, 2013 - 05:37:36)

 
 Top
Fabos
Отправлено: 08 Января, 2013 - 05:32:44
Post Id


Гость


Покинул форум
Сообщений всего: 89
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)




То из какого хочу вытянуть этот квадрат.
Прикреплено изображение
color.png
 
 Top
IllusionMH
Отправлено: 08 Января, 2013 - 06:00:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




Fabos, не в этой версии CSS. Спрайты годятся для фонов без повторений или с повторениями в одном направлении.


2^10 сообщений

(Отредактировано автором: 08 Января, 2013 - 06:01:26)

 
 Top
Fabos
Отправлено: 08 Января, 2013 - 06:13:40
Post Id


Гость


Покинул форум
Сообщений всего: 89
Дата рег-ции: Дек. 2012  


Помог: 0 раз(а)




Спс. Скажите пожалуйста. Можно ли за место цвета. Применить рисунок к бордюру?
CODE (htmlphp):
скопировать код в буфер обмена
  1. border-bottom: 1px solid url(../images/color.png) 0px 0px no-repeat;
 
 Top
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB