Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (HTML) Сложность с "резиновым стилем" / 11 сообщений из 11, страница 1 из 1
27.10.2009, 21:30
    #36275762
Mika_Di
Mika_Di
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Суть вопроса такова: Предположим на странице пять объектов (картинок). Как сделать так, что бы при сдвигании и раздвигании окна браузера, картинки "переползали" на новую строчку, а не исчелази за правой сдвигающейся частью окна? что лучше использовать для реализации этого, таблицы или дивы?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 21:32
    #36275767
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Вроде как по умолчанию так и есть.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 21:34
    #36275768
Mika_Di
Mika_Di
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Ну вот , что-то не получается, на одной строчке сдвигаются до предела просто, но на вторую не переползают
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 21:42
    #36275780
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Значит, давай примерчик разметки, где так не получается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 21:48
    #36275791
Mika_Di
Mika_Di
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Вот прям примерный пример, он так же не работает как и в основном докумете, просто от туда вырезать много, сделал похожий... Но тоже не рабочий.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top"><img src="img/1.gif" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/1.gif" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/1.gif"></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/1.gif" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/1.gif" ></td>
  </tr>
  <tr>
    <td valign="top"><img src="img/black_line.gif" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/black_line.gif" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/black_line.gif" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/black_line.gif" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/black_line.gif" ></td>
  </tr>
  <tr>
    <td valign="top"><img src="img/otrajenie.jpg" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/otrajenie.jpg" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/otrajenie.jpg" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/otrajenie.jpg" ></td>
    <td valign="top"> </td>
    <td valign="top"><img src="img/otrajenie.jpg" ></td>
  </tr>
</table>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 21:58
    #36275812
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Mika_Di,

Картинки-то в ячейках таблицы. Так и должно быть. Теперь я совсем запутался... .
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 22:05
    #36275820
Mika_Di
Mika_Di
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Ну да, артинки в ячейках таблиц, там просто картинки саставные поэтом упришлось вот так решать вопрос что таблица из трёх строк, а девять столбйцов потому что пробелы между артинками нужны... ну и всё это дело в приделах одной строки сдвигается растягивается а вот.... Блин я походу понял... именно из-за того, что картинка разделена на три строки таблицы вот она и не может перескачить... щас попробую в одну линию...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 22:09
    #36275823
Mika_Di
Mika_Di
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
Нет это тут оказалось непричём...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 22:23
    #36275842
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
<style>
.lnk{
margin:10px;
border:1px solid black;
float:left;
}
</style>
<img src="img/1.gif" class="lnk">
<img src="img/1.gif" class="lnk">
<img src="img/1.gif" class="lnk">
<img src="img/1.gif" class="lnk">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2009, 22:29
    #36275846
Mika_Di
Mika_Di
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
отлично заработало всё, Ренат спасибо огромное.


Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<style>
.lnk{
margin:10px;
border:1px solid black;
float:left;
}
</style>
<img src="img/1.gif" class="lnk">
<img src="img/1.gif" class="lnk">
<img src="img/1.gif" class="lnk">
<img src="img/1.gif" class="lnk">
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.10.2009, 01:52
    #36276003
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(HTML) Сложность с "резиновым стилем"
да тут можно и вообще без стилей - просто несколько <img> в ряд. При ресайзе они будут вести себя как текст.

Наш народ не ищет легких путей, да.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (HTML) Сложность с "резиновым стилем" / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 550ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454069]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 161ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 63ms
get tp. blocked users:
 1ms
others: 278ms
total:  550ms
x
x
Закрыть


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