|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
06.06.2011, 22:44 | #1 |
Регистрация: 06.06.2011
Сообщений: 6
|
Граница из изображений
Здравствуйте, господа форумчане, у меня возникла проблема при создание страницы. Я хочу сделать границу у дива из изображений. В роле картинок - колючая проволока (2 вида - вертикальная и горизонтальная). Я смог как-то с четырьмя дивами - по одному на сторону. Но эта техника работает только с заданными пропорциями. Если поставить 100%, то не пашет, поэтому я не знаю, как сделать так, что бы границы сами расширялись в зависимости от объема информации в диве... Подскажите, пожалуйста, как можно это провернуть! Буду очень признателен.
|
06.06.2011, 23:07 | #2 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
Если нужно кроссбраузерно, то используйте таблицы.
|
07.06.2011, 00:04 | #3 |
Пользователь
Регистрация: 22.05.2011
Сообщений: 42
|
Выложи код.
А так могу сказать что если картинки вставляются в дивы как задний фон, то при отсутсвии контента в диве или без указания фиксированного размера картинок не будет видно, т.к. в реале в дивах ничего нет, чтобы их развернуть и заднего фона, т.е. проволки, не видно. Выкладывай HTML и CSS сюда, тогда можно будет конкретнее обсуждать/ |
07.06.2011, 17:58 | #4 | ||
Регистрация: 06.06.2011
Сообщений: 6
|
HTML
Цитата:
Цитата:
|
||
07.06.2011, 21:28 | #5 |
Регистрация: 06.06.2011
Сообщений: 6
|
|
08.06.2011, 00:24 | #6 |
Пользователь
Регистрация: 22.05.2011
Сообщений: 42
|
Во первых у вас два раза встречается идентификатор 'content'. Такого быть не должно (по спецификации), но многие браузеры на это чихают и в данном случае это не мешает.
Див сварачивается если не задавать определенные размеры потому что в нем ничего нет, кроме заднего фона заданного в CSS, но это не КОНТЕНТ. Раскажу как зделать правильно. Допустим первым тегом в диве будет 'h2'. Ему и задаете задний фон проволки, которая будет наверху. При помощи свойства 'padding' регулируете местонахождение текста находящегося в теге 'h2'... И так импровизируете с разными тегами, чтобы не захламлять раметку лишними дивами... Как можно зделать: Код:
При таком коде поидее, при добалении содержимого "проволки" будут выресовываться. Но при том что у вас все позиционированно разными методами, думаю что будут неприятности. Советую дивы с задним фоном позиционировать абсолютно!!! Последний раз редактировалось marccella; 08.06.2011 в 00:36. |
08.06.2011, 06:56 | #7 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
Убейте себя об стену. Границы блока испокон веков рисовались таблицами без проблем. Вас что? дивная пчела укусила?
|
08.06.2011, 07:54 | #8 |
VisualC++/DirectX
Форумчанин
Регистрация: 16.07.2010
Сообщений: 831
|
Таблицы не предназначены для верстки, поэтому никогда не стоит их использовать на сайте, за исключение тех случаев, где таблица нужна как элемент отображения информации.
|
08.06.2011, 09:11 | #9 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
Художественный границы блоков не предназначены для украшения, поэтому никогда не стоит их использовать на сайте, за исключение тех случаев, где художественная граница нужна как элемент отображения информации. [carcazm]
Уже два дня обсуждаете то, что можно сделать таблицей за 5 минут. |
08.06.2011, 11:57 | #10 | |
Пользователь
Регистрация: 22.05.2011
Сообщений: 42
|
Цитата:
Не одна нормальная организация/фирма и не один нормальный инженер, никогда не будет 'рисовать границы' блока таблицами или советовать такое. То что Вы так привыкли, это еще не значит что другим надо 'убить себя об стену'. Суть в том что Я бы лично, зделал ети 'границы' за 3 минуты(акцентирую что зделал бы быстрее вас с вашими методамии). А если в будущем мне понадобилось чеголибо там изменить, то времени ушло бы в раз 15 меньше чем у вас с вашими таблицами. Плюс меншии размер файла, чистая разметка, удобность просматривания сайта людям с ограниченным зрением, экономия времени, никого не оскорбляю, не выгляжу чертом. Видите сколько плюсов зделать ети 'проволки' при помощи CSS, господин "Профессионал"? |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
вывод изображений | dimonnnn | PHP | 3 | 14.08.2010 10:42 |
Сравнение изображений | AmbaQ | Общие вопросы Delphi | 1 | 07.08.2010 19:20 |
С++ айти первых 10 натуральных чисел, нацело делятся на 19 и находятся в интервале, левая граница которог | loloverg | Помощь студентам | 2 | 25.05.2010 19:42 |
граница проверки простого числа | fs444 | Общие вопросы C/C++ | 4 | 24.03.2010 20:11 |
Просмотрищик изображений | Jambooo | Мультимедиа в Delphi | 2 | 26.02.2010 01:40 |