ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите пожалуйста с версткой!!
15 сообщений из 15, страница 1 из 1
Помогите пожалуйста с версткой!!
    #38102987
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
табличная верстка. надо сделать так:

картинка1 контент
картинка2 контент
картинка2 контент
......... ........
картинка2 контент

первый столбец таблицы (без данных) заполняется картинками: вверху картинка1, а ниже этот столбец заполняется картинкой2 до тех пор пока не закончится контент второго столбца
второй столбец таблицы содержит контент.
как сделать первый столбец с картинками?
...
Рейтинг: 0 / 0
09.01.2013, 10:54
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38102998
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dik_k , переведи. (с)
...
Рейтинг: 0 / 0
09.01.2013, 11:01
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103051
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
перевожу: мне нужно чтобы столбец таблицы был заполнен так: вверху вывелась одна картинка, а дальше до концы таблицы выводим другую картинку (дублируем её много раз до тех пор пока не закочится контент соседнего столбца)
...
Рейтинг: 0 / 0
09.01.2013, 11:26
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103064
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
div
{
  width: 50px;
  height: 50px;
  background-image: url("http://cs9382.userapi.com/g29480826/e_98273457.jpg");
  background-size: 100% 100%;
}

tr:first-child div
{
  background-image: url("http://profile.ak.fbcdn.net/hprofile-ak-ash4/373263_431100676952976_1208142408_q.jpg");
}

Код: html
1.
2.
3.
4.
5.
6.
<table border="1">
  <tr><td><div /></td><td>content 1</td></tr>
  <tr><td><div /></td><td>content 2</td></tr>
  <tr><td><div /></td><td>content 3</td></tr>
  <tr><td><div /></td><td>content 4</td></tr>
</table>

http://jsfiddle.net/MLayz/
...
Рейтинг: 0 / 0
09.01.2013, 11:35
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103153
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
В таблице сего одна строка:

<table>
<tr>
<td>картинка1 картинка2 картинка2......эту картинку до конца контента</td>
<td>контент<br>контент<br>контент<br>контент<br>контент<br>контент<br>контент<br>контент<br>контент<br>контент</td>
</tr></table>
...
Рейтинг: 0 / 0
09.01.2013, 12:16
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103174
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
т.е. в таблице должна быть всего одна строка, а в вашем примере их несколько!
...
Рейтинг: 0 / 0
09.01.2013, 12:25
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103178
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
dik_kт.е. в таблице должна быть всего одна строкаа столбцов сколько должно быть?
...
Рейтинг: 0 / 0
09.01.2013, 12:26
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103222
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
2 столбца - в первом картинки, во втором контент
...
Рейтинг: 0 / 0
09.01.2013, 12:48
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103237
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Код: css
1.
2.
3.
4.
5.
6.
table { font-size: 50px; }
td:first-child
{
  vertical-align: top;
  background-image: url("http://cs9382.userapi.com/g29480826/e_98273457.jpg");
}

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<table border="1">
  <tr>
    <td>
      <img src="http://profile.ak.fbcdn.net/hprofile-ak-ash4/373263_431100676952976_1208142408_q.jpg" />
    </td>
    <td>
      content1<br/>
      content2<br/>
      content3<br/>
      content4<br/>
    </td>
  </tr>
</table>

http://jsfiddle.net/MLayz/2/
...
Рейтинг: 0 / 0
09.01.2013, 12:54
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103277
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dik_k
Код: html
1.
   <td>картинка1 картинка2 картинка2......эту картинку до конца контента</td>


Такое лучше делать фоном... Т.о. "картинка2" сама будет повторяться.
Только скриптом нужно правильно определить отступ на высоту "картинка1"... А если тот размер известен заранее - так еще лучше.
...
Рейтинг: 0 / 0
09.01.2013, 13:18
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103340
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
Спасибо за ответы!!!

авторТакое лучше делать фоном... Т.о. "картинка2" сама будет повторяться.
Только скриптом нужно правильно определить отступ на высоту "картинка1"... А если тот размер известен заранее - так еще лучше.

Код: css
1.
#bok1 {background:url(images/img2.jpg) repeat-y;}


Код: html
1.
<td width="200px" id="bok1" valign="top"><img src="images/img1.jpg" border="0" height="344" width="92"></td>


Вы такой вариант имели ввиду?
А если картинка (в данном случае img2) сделана фоном, то можно указать, чтобы она если уж начала выводиться, то выводилась полностью несмотря на то что контент закончился?
...
Рейтинг: 0 / 0
09.01.2013, 13:49
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103353
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dik_k
Код: css
1.
#bok1 {background:url(images/img2.jpg) repeat-y;}


Код: html
1.
<td width="200px" id="bok1" valign="top"><img src="images/img1.jpg" border="0" height="344" width="92"></td>


Вы такой вариант имели ввиду?
По огрызкам на 100% не скажешь, но идея та.

dik_kА если картинка (в данном случае img2) сделана фоном, то можно указать, чтобы она если уж начала выводиться, то выводилась полностью несмотря на то что контент закончился?
Фон не может распространяться за границы элемента...
...
Рейтинг: 0 / 0
09.01.2013, 13:57
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103603
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
авторФон не может распространяться за границы элемента...
так фон и не будет выходить за границы элемента, просто увеличит немного таблицу в длину. Сейчас примерно вот так может оборваться картинка:
...
Рейтинг: 0 / 0
09.01.2013, 15:37
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103607
dik_k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dik_k
Участник
не подумайте, что у меня такой дизайн, это я тестовую картинку в фотошопе наваял чтобы понятно было что спрашиваю)))
...
Рейтинг: 0 / 0
09.01.2013, 15:39
| Ответить | Цитировать | Написать  
Помогите пожалуйста с версткой!!
    #38103680
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dik_kтак фон и не будет выходить за границы элемента, просто увеличит немного таблицу в длину
Фон не определяет размеры элемента... Он просто может заполнять элемент и не более того...
...
Рейтинг: 0 / 0
09.01.2013, 16:16
| Ответить | Цитировать | Написать  
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите пожалуйста с версткой!!
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38103051&tid=1448879]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 159ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 36ms
get tp. blocked users:
 1ms
others: 202ms
total:  432ms
созд. / загр.: 432ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]