Вопрос по хтмл как поставить ячейку и по бокам 2 картинки - Форум - Уникальные шаблоны и дизайн

Приветствую Вас Прохожий | RSS

Воскресенье, 20.07.2025, 03:54

(Cайты из ТОП 100 | сайт: http://no-stres.ucoz.ru/ CS-PoRtaL) [ Новые сообщения · Участники · Общие Правила форума · Поиск · RSS ]

Страница 1 из 2 1 2 »
Модератор форума: LEO--MESSI

Вопрос по хтмл как поставить ячейку и по бокам 2 картинки

djkefir

Дата: Пятница, 02.09.2011, 00:56 | Сообщение # 1

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Вопрос по хтмл как поставить ячейку и по бокам 2 картинки
И чтоб картинки до футера растягивались
CMS DLE

Подпись пользователя djkefirЛюбишь кино? Тогда тебе сюда 5starmovies.ru

mdbaner

Дата: Пятница, 02.09.2011, 08:08 | Сообщение # 2

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

djkefir, смотрим мои урок как создать простую таблицу, а так же пример верстки блока для сайта, пример верстки шапки для сайта.

Подпись пользователя mdbaner1 Права групп и возможности пользователей
2 Общие правила форума которые нужно знать всем
3 Пожаловаться на Администратора или Модератора тут
4 Задать вопрос в Support сайта Ucozon
5 Ответы на постоянные вопросы в модуле FAQ
6 Цены и виды моих услуг по дизайну и настройке

Больше всего меня вырубает когда пользователь просит меня что либо найти, указывая на то что не умеет пользоваться поиском

djkefir

Дата: Пятница, 02.09.2011, 09:33 | Сообщение # 3

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

mdbaner, Видео урок по таблице смотрел таблицу я норм делаю ток не понял что вы имели ввиду
Мне бы сразу код потом я бы его разобрал и понял что к чему и подобных вопросов не возникало бы

Подпись пользователя djkefirЛюбишь кино? Тогда тебе сюда 5starmovies.ru

мир

Дата: Пятница, 02.09.2011, 10:23 | Сообщение # 4

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

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

Code

<table><tr><td style="background: url(картинка.png) repeat x; width: 50%;">Картинка</td> <td>Ячейка</td> <td style="background: url(картинка.png) repeat x; width: 50%;">Картинка</td> </tr></table>

Подпись пользователя мирВнимание: Как был задан вопрос, так на него и отвечу Психология и тип создания пост

djkefir

Дата: Пятница, 02.09.2011, 11:33 | Сообщение # 5

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

мир, Поставил тог добавил

Code

vailgn="top"

Картинка не повторяется до низа да и материал уже стал

Подпись пользователя djkefirЛюбишь кино? Тогда тебе сюда 5starmovies.ru

мир

Дата: Пятница, 02.09.2011, 11:39 | Сообщение # 6

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

djkefir, repeat x означает повторить по оси Х

STAFF

Дата: Пятница, 02.09.2011, 12:14 | Сообщение # 7

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Есть все ответы с примерами

pretendr

Дата: Пятница, 02.09.2011, 17:03 | Сообщение # 8

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

покажи сайт в исходном коде (скинь ксс, если не указан) в пм..

djkefir

Дата: Пятница, 02.09.2011, 22:08 | Сообщение # 9

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

CMS DLE
Главный файл
main.tpl который

Ксс

Code

html,body{height: 100%; margin: 0px; padding: 0px; background: #FFFFFF; font:normal 11px tahoma; color: #747474; /*background-image: url(../images/fon.gif);*/}

table{border:0px;border-collapse:collapse;}
table td{padding:0px;}
.news img {border: none;}

.search_input {font-size: 11px; color: #4c4c4c; font-family: tahoma; background-image: url(../images/search-bg.png); width: 228px; height: 13px; border: none; padding-top: 10px; padding-bottom: 10px;}

.search-button, .search-button:hover {width: 70px; height: 30px; background: url(../images/search.png) no-repeat 0 0; border: 0pt none;}
.search-button:hover {background-position:0 -30px}

#header {height:200px; width:100%; background:url('../images/head-bg.png') repeat-x; display: block;}

#logo {width: 800px; height: 200px; display:block;}
   a.logo {background-image: url(../images/logo.png); background-position: top; width: 800px; height: 197px; display: block; border: 0;}
   a:hover.logo {background-image: url(../images/logo.png); background-position: bottom;}

/*Login (Логин)*/
#top_header {height:44px;vertical-align:middle;font:normal 11px tahoma}
   .login {color:#DDD;font:normal 11px tahoma}
   .login a{color:#26cceb;text-decoration:none}
   .login a:hover {color:#aefd18;text-decoration:underline}
   .login_form,.password_form {width:137px;height:21px;background-color:#555;color:#CCC;border:0px;padding:6px 0 0 3px;margin-right:6px;font:normal 11px tahoma}
   .login_button {background-color:#555;color:#CCC;font:bold 11px Tahoma;border:0px;width:50px;margin-right:6px;cursor:pointer;height:25px}
   .login_form:hover,
   .password_form:hover,
   .login_button:hover,
   .login_form:focus,
   .password_form:focus,
   .login_button:focus {background:#777;color:#FFF}
/*Search*/
   .search_field {font:normal 11px tahoma;width:250px;height:25px;background-color: #f4f4f4;color: #525252;border:0px;padding:6px 0 0 3px;margin-right:6px;font:normal 11px tahoma}
   .search_field:hover,
   .search_field:focus {background-color: #cccccc;color: #525252;}

.search_bg { background-image: url(../images/search.jpg); width: 186px; height: 31px; }

#menu {padding-top:16px; padding-bottom:16px; width:100%; margin-left:-10px;}
#menu a {background-color:#000000;color:#FFFFFF; padding:10px; text-decoration: none;}
#menu a:hover {color: #ffffff; background-color: #452161; text-decoration: none; border-bottom: 2px solid 240c39;}

.news {color: #757575;font: normal 11px tahoma;}
.news a{color:#5f5f5f;text-decoration:underline}
.news a:hover {color: #452258;text-decoration: underline;}
.newsa {margin:15px; margin-left:0px; padding-bottom:15px; padding-right:40px; background-color:#FFFFFF;}
.newsa img {border:0px;}

.menu_title {
  padding-bottom: 8px;
  font-size: 18px;
  color: #535353;
  font-style: normal;
  font-family: "Times New Roman", Times, serif;
}

#module {margin-bottom:10px;font-size:12px;margin-top:10px;margin-left:10px;}
#module h1 {font-size:18px;}
.m-bottom {
  width: 200px;
  background-color: #ebebeb;
  padding:8px;
  margin: 8px;
}
.m-text {padding:3px 10px 16px 10px;}

.pages { font-family: tahoma; font-size: 22px; color: #c1c1c1; font-style: normal; }
.pages a { color: #96859f; text-decoration: none; }
.pages a:hover { color: #452258; text-decoration: none; border-bottom: 1px #452258 solid; }
.pages span { font-family: tahoma; font-size: 22px; color:#c7c7c7;}

.news_title { font-family: tahoma; font-size: 22px; color: #767676; font-style: normal; }
.news_title a { color: #767676; text-decoration: none; border-bottom: 1px #dcdcdc solid; }
.news_title a:hover { color: #767676; text-decoration: none; border-bottom: 1px #767676 solid; }

.category { font-family: tahoma; font-size: 22px; color: #202020; font-style: normal; }
.category a { color: #a0bf03; text-decoration: none; border-bottom: 1px #7da502 dashed; }
.category a:hover { color: #a0bf03; text-decoration: none; border-bottom: 1px #7da502 solid; }

.news_gray { font-family: tahoma; font-size: 10px; color: #cfcfcf; font-style: normal; }
.news_gray a { color: #cfcfcf; text-decoration: none; }
.news_gray a:hover { color: #767676; text-decoration: none; border-bottom: 1px #727272 solid; }

#l_bottom { font-size: 1px; border-bottom: 1px #dcdcdc dashed; padding-top: 4px; padding-bottom: 4px; }

.n_flink {margin-top:8px; padding-top:8px; border-top:1px dashed #dcdcdc; clear:both;}

.copy {color: #ffffff;font-size: 12px;font-family: Arial, Helvetica, sans-serif;padding: 5px;}
.copy a:active,
.copy a:visited,
.copy a:link {color: #ffffff;text-decoration:underline;}
.copy a:hover { color: #f2f2f2; text-decoration: none; }

table td{padding:0px;}

#shadow {background-image: url(../images/shadow.png); width: 100%; height: 17px;}
#footer {background-image: url(../images/footer.png); width: 100%; height: 221px; display: block; overflow: hidden; position: bottom;}

.copyright {color: #ffffff; font: 11px tahoma;}
.copyright a{color:#ffffff; text-decoration: underline}
.copyright a:hover {color: #dcdcdc; font-weight: bold; text-decoration: none;}

Добавлено (02.09.2011, 22:08)
---------------------------------------------
мир, Ставил чтоб повторял по оси y
Нифига не повторяется

Подпись пользователя djkefirЛюбишь кино? Тогда тебе сюда 5starmovies.ru

Dez

Дата: Воскресенье, 04.09.2011, 22:10 | Сообщение # 10

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

я почитал и не понял, что вы хотите сделать. вы выложили все что есть у вас, а не указали в какой именно ячейке должна повторятся картинка

djkefir

Дата: Воскресенье, 04.09.2011, 22:17 | Сообщение # 11

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Мне нужно сделать таблицу и чтоб по её бокам были картинки в моём случаи тень и эти картинки должны повторятся до футера...
вот 3 ячейки

Code

<tr><td style="padding-top: 3px;" width="200" valign="top"> <div class="padding-left: 8px; padding-right: 8px;"> {include file="block_left.tpl"} </div> </td>
<td style="background: url({THEME}/images/contlev.png) repeat x; width: 50%;" valign="top"><img src="{THEME}/images/contlev.png"></td>

    <td style="padding-left: 4px; padding-right: 4px; padding-top: 3px;" valign="top">
    [sort]<div style="padding-left: 21px; padding-top: 15px; padding-bottom: 25px;" class="news">{sort}</div>[/sort]
    {info}{content}

    </td>
<td style="background: url({THEME}/images/contright.png) repeat x; width:50%;" valign="top"><img src="{THEME}/images/contright.png"></td>
</tr>

Картинки тени называются contlev.png и contright.png
Я поставил код который мне дал в помощь зам. администратора Мир
Код работает, но картинки не повторяются до низа
Да и вот что случилось с материалом

Подпись пользователя djkefirЛюбишь кино? Тогда тебе сюда 5starmovies.ru

Dez

Дата: Воскресенье, 04.09.2011, 23:36 | Сообщение # 12

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

djkefir, как то сложно все сделано можно же и проще.
а до футера они будут повторятся только если у вас средняя ячейка будет по высоте больше чем левый контейнер де котяра просит проголосовать, и еще у вас там должно быть репит по у, ось х располагается горизонтально же а вам нужно по вертикале.

djkefir

Дата: Понедельник, 05.09.2011, 00:36 | Сообщение # 13

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

А код дать??

Да и материал то все равно уже это главная проблема

Подпись пользователя djkefirЛюбишь кино? Тогда тебе сюда 5starmovies.ru

Dez

Дата: Понедельник, 05.09.2011, 00:53 | Сообщение # 14

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

ну вот мир вам давал немного подправил

Code

<table><tr><td style="background: url(картинка.png) repeat y;">Картинка</td> <td>Ячейка</td> <td style="background: url(картинка.png) repeat y;">Картинка</td> </tr></table>

тут высота должна быть больше левого контейнера с котом который, что бы до футера повторялось

djkefir

Дата: Понедельник, 05.09.2011, 08:32 | Сообщение # 15

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Читайте внимательно тему

Quote (djkefir)

мир, Ставил чтоб повторял по оси y
Нифига не повторяется

Подпись пользователя djkefirЛюбишь кино? Тогда тебе сюда 5starmovies.ru

Вопрос по хтмл как поставить ячейку и по бокам 2 картинки

Страница 1 из 2
1
2
»

Статистика Форума

Новые пользователи

Последние темы

Лучшие пользователи

1 Baldvin (Александр Б)

17:53 - 09.05.2025

2 uAdminist (Анатолий)

06:25 - 07.05.2025

3 arturkaas (arturkaas)

12:26 - 02.12.2024

4 Nynikak (Марина)

20:29 - 06.07.2024

5 Vladimrij (Vladimir)

08:13 - 06.04.2024

6 Highvard (Никита)

11:02 - 10.03.2024

7 Khaliff93 (Artem)

14:28 - 26.02.2024

8 Vvvpol (Stepan)

16:43 - 22.02.2024

9 exvardi (Vladimir)

14:47 - 18.02.2024

10 Ja_Rule (Евгений Пил)

10:19 - 13.02.2024

11 funvaz (Gosha)

20:46 - 22.12.2023

12 dj2nik (dj2nik)

11:22 - 11.12.2023

13 gluk123 (Max)

09:42 - 21.10.2023

14 AlexGrim (Alex)

09:22 - 17.10.2023

15 Renegat95 (Ромич)

09:08 - 08.10.2023

16 leon1965 (Bob Dutu)

15:43 - 13.08.2023

17 2ef005 (Андрей)

12:13 - 04.07.2023

18 Coresh100 (Сергей Моро)

23:22 - 28.06.2023

19 11smith11 (Smith Bonda)

18:49 - 18.06.2023

20 perimetr (Николай)

16:53 - 13.05.2023

21 elm2 (Андрей)

09:46 - 03.05.2023

22 qetruhdf2 (alx alex)

23:29 - 02.04.2023

23 3737 (Dudgos)

18:24 - 19.03.2023

24 ziercool (ziercool)

17:54 - 15.03.2023

25 dedtalash (Вадим)

14:32 - 27.02.2023

26 Robin113 (Andrei)

18:05 - 17.02.2023

27 vova_vova (Vov)

23:03 - 09.11.2022

28 Bull888 (Светлана)

09:08 - 25.10.2022

29 tigo1 (Tigo)

21:52 - 21.10.2022

30 fekin4321 (VladFekin)

00:32 - 14.10.2022

1 Работа на заводе

German ответил автору Vikrumas [28]

2 Комплексный прогон сайтов ру и...

myod ответил автору kysovue [54]

3 Армия

MarinaKli ответил автору MarinaKli [0]

4 Остались честные СМИ?

KateKuz ответил автору KateKuz [0]

5 Раздача подарков и стикеров в ...

KateKuz ответил автору MDNdemon [1]

6 Дисковое пространство

KateKuz ответил автору frolov1028 [3]

7 Может у кого есть!

MarinaKli ответил автору Vistel [5]

8 Ручной прогон по трастовым сай...

kalip27 ответил автору kalip27 [19]

9 бот для умножения денег на фор...

forexmone ответил автору forexmone [0]

10 Программировние

forexmone ответил автору Playmanovich [7]

11 Пропала реклама

forexmone ответил автору frolov1028 [3]

12 У сайта вырос ТИЦ

Openair ответил автору Vistel [8]

13 Нужны дизайнеры

Openair ответил автору demons063 [2]

14 ⭐️Ручной статейный прогон⭐️

eternalli ответил автору eternalli [0]

15 Как раскрутить кино сайт

eternalli ответил автору JAko [6]

16 [100p] Нарисовать логотип.

XAMEJIUOH ответил автору XAMEJIUOH [0]

17 Требуется человек для создания...

Vikrumas ответил автору Vikrumas [0]

18 Качественный рерайт/копирайт о...

GaV ответил автору GaV [161]

19 Календарь

frolov1028 ответил автору Vikrumas [1]

20 Профильно-статейны прогон по с...

GaV ответил автору GaV [0]

21 Файловик на сайт (копипаст) оп...

MDNdemon ответил автору MDNdemon [58]

22 Изображение в CSS

xbalson ответил автору GaV [2]

23 Файловый Менеджер - Высокая оп...

Freemekc ответил автору Freemekc [2]

24 В каких интернет магазинах вы ...

Beowb428 ответил автору GaV [9]

25 Скрипт и инструкция добавления...

DianaLebe ответил автору мир [3]

26 Трафик на сайт по низким ценам...

brig2 ответил автору vir4us [4]

27 Продам билеты в московский кин...

brig2 ответил автору MDNdemon [1]

28 Создать лого на сайт

korel ответил автору korel [0]

29 25 жирных ссылок. Яндекс Катал...

NikeNikol ответил автору NikeNikol [0]

30 выровнять вид материалов

GaV ответил автору frolov1028 [1]

1 frolov1028

Репа: 4431

Файлов: 29

Форум: 1317

2 Кирилл

Репа: 4292

Файлов: 15

Форум: 3818

3 мир

Репа: 4084

Файлов: 878

Форум: 1019

4 WinDiZ

Репа: 3943

Файлов: 2

Форум: 1252

5 mdbaner

Репа: 3756

Файлов: 713

Форум: 4723

6 GaV

Репа: 3621

Файлов: 0

Форум: 1262

7 Kapusha

Репа: 3371

Файлов: 35

Форум: 1177

8 PrADeN

Репа: 3318

Файлов: 84

Форум: 2076

9 martinis

Репа: 3247

Файлов: 46

Форум: 444

10 German

Репа: 2768

Файлов: 18

Форум: 258

11 STAFF

Репа: 2720

Файлов: 72

Форум: 757

12 ALINA

Репа: 2677

Файлов: 277

Форум: 9

13 StraJ

Репа: 2243

Файлов: 12

Форум: 545

14 smart4on

Репа: 2232

Файлов: 4

Форум: 661

15 makcim19997

Репа: 2204

Файлов: 171

Форум: 1067

16 GaMeRgame

Репа: 2082

Файлов: 4

Форум: 722

17 TRANE73

Репа: 2015

Файлов: 34

Форум: 165

18 ivanfom

Репа: 1887

Файлов: 15

Форум: 319

19 Zhenikuls

Репа: 1884

Файлов: 6

Форум: 65

20 tmb

Репа: 1570

Файлов: 0

Форум: 214

21 xbalson

Репа: 1378

Файлов: 4

Форум: 561

22 Smile

Репа: 1311

Файлов: 23

Форум: 444

23 hjp^

Репа: 1248

Файлов: 14

Форум: 192

24 domovik21

Репа: 1237

Файлов: 16

Форум: 177

25 Prix

Репа: 1122

Файлов: 6

Форум: 91

26 LEO--MESSI

Репа: 1115

Файлов: 6

Форум: 468

27 Playmanovich

Репа: 1087

Файлов: 3

Форум: 981

28 WmMariupol

Репа: 1081

Файлов: 0

Форум: 55

29 K@rDeL

Репа: 1076

Файлов: 0

Форум: 382

30 LUIS75

Репа: 1033

Файлов: 1

Форум: 198

Избранные ссылки

5 последних закладок

Описание и использование закладок

Закладки создаются при помощи "куков" которые хранятся в вашем браузере 30 дней, если жи вы почистили куки в своем браузере то закладки исчезнут.
отображаются только 5 последних закладок, предыдущие удаляются по мере обновления списка.
Вы можете любую не нужную закладку удалить нажатием X на против ссылки.
Бывает что запись кука пролетает, но это уже ошибки браузера и его записей.
Если при обновление страницы выводится ошибка 400 то что бы исправить необходимо удалить все куки браузера
Если вы заметили ошибки то сообщайте администратору.