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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: верстка на дивах
 
 автор: name   (19.02.2007 в 18:56)   письмо автору
 
 

Доброго времени суток.

Подскажите пожалуйста, как можно сверстать след. макет:

резина; по центру - прямоугольник фиксированной ширины; в нем три картинки, расположенных ступенькой.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
|                                        |
|             ------------------         |
|             |  x               |       |
|             |      x           |       |
|             |          x       |       |
|             ------------------         |
|                                        |
------------------------------------------

Как сделать, чтобы прямоугольник всегда был по центру, а картинки, при растягивании, оставались на своих местах (внутри прямоугольника)?

   
 
 автор: AlexSol   (19.02.2007 в 19:19)   письмо автору
 
   для: name   (19.02.2007 в 18:56)
 

ТОЧНО ПОСЕРЕДИНЕ


с картинками проблем быть не должно, поскольку ширина блока фиксированная.

   
 
 автор: name   (19.02.2007 в 23:11)   письмо автору
 
   для: AlexSol   (19.02.2007 в 19:19)
 

А если мне нужно расположить картинки - в произвольном порядке (но внутри прямоугольника. Вообще задача - сделать меню, которое состоит из img-шок и должно позиционироваться всегда по центру экрана. Пункты - разбросаны в прямоугольнике)?

Так?

  #img_1
  {
    left: 500px;
    top: 100px;
  }

  #img_2
  {
    left: 700px;
    top: 200px;
  }
  и т. д.

   
 
 автор: AlexSol   (20.02.2007 в 09:52)   письмо автору
 
   для: name   (19.02.2007 в 23:11)
 

можно так:
в приведенном примере находишь отцентрованный div ставишь в него это
<div style=position:relative>
<div style="position:absolute;top:100px;left:20px;">
<img>
</div>
<div style="position:absolute;top:140px;left:120px;">
<img>
</div>
...
</div>

   
 
 автор: name   (20.02.2007 в 12:53)   письмо автору
 
   для: AlexSol   (20.02.2007 в 09:52)
 

спасибо, попробую

   
Rambler's Top100
вверх

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