URL: https://www.opennet.me/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID8
Нить номер: 5530
[ Назад ]
Исходное сообщение
"В HTML нужно заставить  стоять в одну строку. 4 картинки."
Отправлено Fou , 05-Фев-08 14:00 
Есть простенький html код (приведён внизу). Он выводит 4 картинки, но если места в окне недостаточно, то картинки переносятся на следующую строку.

Как сделать, что бы картинки при любом размере окна выводились в одну строку? Что дописать, где дописать в коде.

Код:

<HTML>
<BODY>

<IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="day.png">
<IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="month.png">
<IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="week.png">
<IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="year.png">

</BODY>
</HTML>

Содержание
Сообщения в этом обсуждении
"В HTML нужно заставить  стоять в одну строку. 4 картинки."
Отправлено newser , 05-Фев-08 14:02 
>[оверквотинг удален]
><HTML>
><BODY>
>
><IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="day.png">
><IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="month.png">
><IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="week.png">
><IMG VSPACE=10 WIDTH=500 HEIGHT=135 SRC="year.png">
>
></BODY>
></HTML>

Используйте тэг span.

"В HTML нужно заставить  стоять в одну строку. 4 картинки."
Отправлено andy , 05-Фев-08 14:34 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>one line</title>
<style type="text/css">
body { padding:5%; background:#fff; color:#000; font:.7em/1.3em Tahoma,Verdana,Arial; }
.oneline { overflow-y:visible; overflow-x:scroll; border:1px solid #f00; white-space:nowrap; }
.oneline img { border:1px solid #00f; }
</style>
</head>
<body>
<h1>one line</h1>

<div class="oneline">
<img src="17.png" width="410" height="300" title="x" />
<img src="17.png" width="410" height="300" title="x" />
<img src="17.png" width="410" height="300" title="x" />
<img src="17.png" width="410" height="300" title="x" />
<img src="17.png" width="410" height="300" title="x" />
<img src="17.png" width="410" height="300" title="x" />
</div>

</body>
</html>