Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 22.01.2011, 16:00   #1
 
Аватар для brainiac
 
Сообщений: 2
FR (активность): 85

Доп. информация
По умолчанию Автор темы 2 изображения по краям таблицы, css

Ситуация: Таблица (по центру), 2 изображения (должны находиться слева и справа от этой таблицы, желательно за ней...но можно и внутри, не так принципиально), изображения повторяются по 'y'.
Вопрос: Как такое сделать?
1) сделать колонки по бокам и засунуть туда background: url('картинка') ...; (очень криво и наверное не грамотно)
2) сделать 2 div блока внутри таблицы с выравниванием по левому и правому краю соответственно, с изображениями.
3) больше не знаю...
Нужно чистое css, т.к. использую xhtml и хочу отделить структуру от дизайна.

Делал так:
Код:
background: #d3d3d3 url('../images/page_border_left.png') repeat-y left;
фон рисуется, изображение слева есть, всего одна строка -> привлекательно. Но как сделать такое же ещё и справа? Если добавлять ещё строчку то предыдущие свойства не учитываются...

Какие адекватные решения можно использовать для этой ситуации? Спасибо.

PS ну и ужс у вас с правами создания тем в разделах...
brainiac вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 23.01.2011, 17:29   #2
 
Аватар для bazan
 
Сообщений: 150
FR (активность): 3,879

Доп. информация
По умолчанию Re: 2 изображения по краям таблицы, css

Может нарисовать эти два столбика одним рисунком в формате вроде png и потом растянуть по длине таблицы с z-index:0, а таблицу сделать слоем z-index:10. Или так же добавить одним размноженным по "y" рисунком в CSS.
bazan вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 23.01.2011, 19:38   #3
 
Аватар для ZI DAN
 
Сообщений: 74
FR (активность): 1,838

Доп. информация
По умолчанию Re: 2 изображения по краям таблицы, css

Цитата:
1) сделать колонки по бокам и засунуть туда background: url('картинка') ...; (очень криво и наверное не грамотно)
Совсем не криво. Думаю это будет самый надёжный вариант. Только background: url('картинка') в CSS вынести.
ZI DAN вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 24.01.2011, 11:04   #4
 
Аватар для brainiac
 
Сообщений: 2
FR (активность): 85

Доп. информация
По умолчанию Автор темы Re: 2 изображения по краям таблицы, css

Спасибо за ответы. Сделал по лесорубному:
html
Код:
<table>
<tr>
<td rowspan="3" id="page_border_left"></td>
Другие столбцы
<td rowspan="3" id="page_border_right"></td>
</tr>
Другие строки
</table>
css
Код:
#page_border_left, #page_border_right {
	width: 20px;
}
#page_border_left {
	background: url('../images/page_border_left.png') repeat-y left;
}
#page_border_right {
	background: url('../images/page_border_right.png') repeat-y right;
}
C border-collapse: collapse;

Вроде нормально выглядит. Спасибо.
brainiac вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 4135 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сервис проверки изображения (картинки) на уникальность bespredel__ SEO сервисы 13 11.04.2013 14:47
Гугль любит таблицы ?.. падаван Google 3 10.11.2010 14:43
Заключение в NOINDEX нескольких слов из таблицы GRiNGA Яndex 4 25.02.2010 20:37
Маленькие изображения из больших OnArs Разработка сайтов 7 13.01.2009 17:52

Текущее время: 00:23. Часовой пояс GMT +3.