Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите пожалуйста с версткой!! / 15 сообщений из 15, страница 1 из 1
09.01.2013, 10:54
    #38102987
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
табличная верстка. надо сделать так:

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

первый столбец таблицы (без данных) заполняется картинками: вверху картинка1, а ниже этот столбец заполняется картинкой2 до тех пор пока не закончится контент второго столбца
второй столбец таблицы содержит контент.
как сделать первый столбец с картинками?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 11:01
    #38102998
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
dik_k , переведи. (с)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 11:26
    #38103051
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
перевожу: мне нужно чтобы столбец таблицы был заполнен так: вверху вывелась одна картинка, а дальше до концы таблицы выводим другую картинку (дублируем её много раз до тех пор пока не закочится контент соседнего столбца)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 11:35
    #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, 12:16
    #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:25
    #38103174
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
т.е. в таблице должна быть всего одна строка, а в вашем примере их несколько!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 12:26
    #38103178
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
dik_kт.е. в таблице должна быть всего одна строкаа столбцов сколько должно быть?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 12:48
    #38103222
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
2 столбца - в первом картинки, во втором контент
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 12:54
    #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, 13:18
    #38103277
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
dik_k
Код: html
1.
   <td>картинка1 картинка2 картинка2......эту картинку до конца контента</td>


Такое лучше делать фоном... Т.о. "картинка2" сама будет повторяться.
Только скриптом нужно правильно определить отступ на высоту "картинка1"... А если тот размер известен заранее - так еще лучше.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 13:49
    #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:57
    #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, 15:37
    #38103603
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
авторФон не может распространяться за границы элемента...
так фон и не будет выходить за границы элемента, просто увеличит немного таблицу в длину. Сейчас примерно вот так может оборваться картинка:
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 15:39
    #38103607
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
не подумайте, что у меня такой дизайн, это я тестовую картинку в фотошопе наваял чтобы понятно было что спрашиваю)))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2013, 16:16
    #38103680
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите пожалуйста с версткой!!
dik_kтак фон и не будет выходить за границы элемента, просто увеличит немного таблицу в длину
Фон не определяет размеры элемента... Он просто может заполнять элемент и не более того...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите пожалуйста с версткой!! / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 337ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448879]:
 0ms
get settings:
 8ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 41ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 230ms
total:  337ms
x
x
Закрыть


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