powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (HTML) Сложность с "резиновым стилем"
11 сообщений из 11, страница 1 из 1
(HTML) Сложность с "резиновым стилем"
    #36275762
Mika_Di
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Суть вопроса такова: Предположим на странице пять объектов (картинок). Как сделать так, что бы при сдвигании и раздвигании окна браузера, картинки "переползали" на новую строчку, а не исчелази за правой сдвигающейся частью окна? что лучше использовать для реализации этого, таблицы или дивы?
...
Рейтинг: 0 / 0
(HTML) Сложность с "резиновым стилем"
    #36275767
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вроде как по умолчанию так и есть.
...
Рейтинг: 0 / 0
(HTML) Сложность с "резиновым стилем"
    #36275768
Mika_Di
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Ну вот , что-то не получается, на одной строчке сдвигаются до предела просто, но на вторую не переползают
...
Рейтинг: 0 / 0
(HTML) Сложность с "резиновым стилем"
    #36275780
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Значит, давай примерчик разметки, где так не получается.
...
Рейтинг: 0 / 0
(HTML) Сложность с "резиновым стилем"
    #36275791
Mika_Di
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Вот прям примерный пример, он так же не работает как и в основном докумете, просто от туда вырезать много, сделал похожий... Но тоже не рабочий.

Код: 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
(HTML) Сложность с "резиновым стилем"
    #36275812
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Mika_Di,

Картинки-то в ячейках таблицы. Так и должно быть. Теперь я совсем запутался... .
...
Рейтинг: 0 / 0
(HTML) Сложность с "резиновым стилем"
    #36275820
Mika_Di
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Ну да, артинки в ячейках таблиц, там просто картинки саставные поэтом упришлось вот так решать вопрос что таблица из трёх строк, а девять столбйцов потому что пробелы между артинками нужны... ну и всё это дело в приделах одной строки сдвигается растягивается а вот.... Блин я походу понял... именно из-за того, что картинка разделена на три строки таблицы вот она и не может перескачить... щас попробую в одну линию...
...
Рейтинг: 0 / 0
(HTML) Сложность с "резиновым стилем"
    #36275823
Mika_Di
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Нет это тут оказалось непричём...
...
Рейтинг: 0 / 0
(HTML) Сложность с "резиновым стилем"
    #36275842
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
<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
(HTML) Сложность с "резиновым стилем"
    #36275846
Mika_Di
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
отлично заработало всё, Ренат спасибо огромное.


Код: 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
(HTML) Сложность с "резиновым стилем"
    #36276003
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
да тут можно и вообще без стилей - просто несколько <img> в ряд. При ресайзе они будут вести себя как текст.

Наш народ не ищет легких путей, да.
...
Рейтинг: 0 / 0
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (HTML) Сложность с "резиновым стилем"
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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