The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]

форумы  помощь  поиск  регистрация  майллист  вход/выход  слежка  RSS
"В HTML нужно заставить  стоять в одну строку. 4 картинки."
Вариант для распечатки  
Пред. тема | След. тема 
Форумы WEB технологии (Public)
Изначальное сообщение [ Отслеживать ]

"В HTML нужно заставить  стоять в одну строку. 4 картинки."  
Сообщение от Fou (??) on 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>

Высказать мнение | Ответить | Правка | Cообщить модератору

 Оглавление

Сообщения по теме [Сортировка по времени | RSS]


1. "В HTML нужно заставить  стоять в одну строку. 4 картинки."  
Сообщение от newser (ok) on 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.

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

2. "В HTML нужно заставить  стоять в одну строку. 4 картинки."  
Сообщение от andy (??) on 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>

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

Архив | Удалить

Индекс форумов | Темы | Пред. тема | След. тема
Оцените тред (1=ужас, 5=супер)? [ 1 | 2 | 3 | 4 | 5 ] [Рекомендовать для помещения в FAQ]




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру