Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Как сделать чтобы новый <div> не попадал на новую строку?

Сообщения:  [1-6] 

 
 автор: 12345   (01.06.2006 в 13:59)   письмо автору
 
   для: mtr   (31.05.2006 в 21:42)
 

А что подробнее, если всё сказал? Да, ещё можно слоями, как в примерее выше.

<style>div{display:inline}</style>
<div id=d1>11111<br>111.</div> <div id=d2>22222<br>222.</div>
Но здесь теряются свойства блочности.

Или
<table border=1 cellspacing=><tr><td><div id=d1>11111<br>111.</div></td>
<td><div id=d2>22222<br>222.</div></td></tr></table>

   
 
 автор: kaoz   (01.06.2006 в 12:02)   письмо автору
 
   для: mtr   (31.05.2006 в 21:42)
 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#one
  {
color               : #000099;
font-family         : Verdana, Arial, Helvetica, sans-serif;
font-size           : 40px;
font-weight         : bold;
position            : absolute;
top                 : 10px;
left                : 10px;
z-index             : 1;
  }
#two
  {
color               : #FF0000;
font-family         : Verdana, Arial, Helvetica, sans-serif;
font-size           : 35px;
font-weight         : bold;
position            : absolute;
top                 : 25px;
left                : 100px;
z-index             : 2;
  }
-->
</style></head>

<body>
<div id="one">Слой номер один</div>
<div id="two">Слой номер два</div>
</body>
</html>


меняйте значения top и left как вам нужно

   
 
 автор: mtr   (31.05.2006 в 21:42)   письмо автору
 
   для: 12345   (31.05.2006 в 16:53)
 

не могли бы Вы ответить подробнеее?

   
 
 автор: kaoz   (31.05.2006 в 17:29)   письмо автору
 
   для: 12345   (31.05.2006 в 16:53)
 

если я правильно понял то с помощью z-index.. дивы будут накладываться друг на друга

   
 
 автор: 12345   (31.05.2006 в 16:53)   письмо автору
 
   для: mtr   (31.05.2006 в 16:06)
 

Поместить в ячейку таблицы.
Или присвоить свойство display:inline, но тогда это станет не див, а спан :)

   
 
 автор: mtr   (31.05.2006 в 16:06)   письмо автору
 
 

собственно это и есть вопрос.

   

Сообщения:  [1-6] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования