Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Запутался с простой вещью.

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Phantik
Отправлено: 14 Февраля, 2010 - 15:49:37
Post Id


Посетитель


Покинул форум
Сообщений всего: 305
Дата рег-ции: Июнь 2009  


Помог: 0 раз(а)




Есть окно(div)

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <style>
  3. #mainWin
  4. {
  5.  position : fixed;
  6.  top : 100px;
  7.  left : 100px;
  8.  width : 400px;
  9.  height : 300px;
  10.  border:1px solid black;
  11.  background : #aaaaaa;
  12. }
  13. </style>
  14.  
  15. <div id="mainWin">
  16.  <div class="TopMenu">
  17.   Заголовок окна  
  18.  <button type="button" id="buttonClose" >x</button>
  19.  </div>
  20.  <div class="Content">
  21.  </div>
  22. </div>
  23.  


Как прописать стили так, что бы текст "Заголовок окна" был прижат к левому краю, а кнопка к правому? При этом что бы они находились на одной строке(одном уровне).
Заранее спасибо.
 
 Top
Ch_chov
Отправлено: 14 Февраля, 2010 - 16:36:18
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2121
Дата рег-ции: Июль 2008  
Откуда: из города


Помог: 90 раз(а)




CODE (css):
скопировать код в буфер обмена
  1. button{position:absolute; top:0; right:0}
 
 Top
JustUserR
Отправлено: 14 Февраля, 2010 - 18:35:12
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




Phantik пишет:
Как прописать стили так, что бы текст "Заголовок окна" был прижат к левому краю, а кнопка к правому? При этом что бы они находились на одной строке(одном уровне).
Можно реализовать примерно так
CODE (htmlphp):
скопировать код в буфер обмена
  1. div#TopMenu {position:relative; width:100%; float:left; left:1px}
  2. div#buttonClose {position:relative; width:12px; float:right; right:1px}

Вероятно придется подправить значения margin-bottom для указания нижнего отступа


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB