|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
03.01.2012, 04:42 | #1 |
Регистрация: 03.04.2010
Сообщений: 3
|
Позиционирование
Долго мучаюсь, вот решил спросить у вас.
Есть центрированный макет, нужно что бы <form></form> (все что внутри) было справа, под ссылками. Сделал… но у меня при разных расширениях экранов все инпуты смещаются. Вот код HTML: Код HTML:
<body class="site-monitor-div"> <div class="site-block-div"> <div class="top-site-div"> <a href="#" ><img src="img/logo.png" border="0"/></a> <ul class="top-ul-style"> <li class="top-li-style"> <a href="#">Главная</a> / …………………………… </li> </ul> <form method="post" action="#" class="t-auth"> <input type="text" class="login_pass" value="Логин"></input> <input type="text" class="login_pass" value="Пароль"></input> <input type="submit" class="login" value="" ></input></br> <ul class="top-ul-style"> <li class="top-li-style"> <a href="#" style="font-size:11px;">Зарегистрироваться</a> <a href="#" style="padding-right:95px; font-size:11px;">Забыл пароль?</a> </li> </ul> </form> </div> Код HTML:
* {padding:0px; margin:0px; outline:0; border:0;} html, body{} .site-monitor-div{font:14px Verdana; color:#c6221d; background-color:#fdffdc;} .site-block-div{margin:auto;padding-top:14px;width:800px;height:900px;text-align:left;} .top-ul-style{list-style:none; float:right;} .top-li-style{display:inline;} .top-site-div{width:100%; height:108px;} a{color:#c6221d;} a:hover{text-decoration:none;} .t-auth{ position:fixed; top:44px; right:228px; } .login_pass{ width: 110px; height:24px; float: left; padding: 0px 10px 0px 15px; background: url(img/1.png) no-repeat; font: italic 11px Verdana; color: #d36767; outline: none; } .login{ width:64px; height:24px; background-image:url("img/login.png"); background-repeat:no-repeat; } .line-top{ background:url("img/line.gif") repeat-x; height:2px; width:100%; } |
03.01.2012, 13:36 | #2 |
Форумчанин
Регистрация: 10.02.2009
Сообщений: 815
|
Мне кажется достаточно
Код:
|
03.01.2012, 15:40 | #3 |
Регистрация: 03.04.2010
Сообщений: 3
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
позиционирование кнопки | Atak | HTML и CSS | 0 | 11.12.2011 21:00 |
Позиционирование блоков | KorPaEv | HTML и CSS | 5 | 11.08.2011 21:49 |
Относительное позиционирование | melkortheshadow | HTML и CSS | 6 | 13.04.2011 23:10 |
Позиционирование | Syltan | HTML и CSS | 0 | 25.03.2010 19:15 |
Позиционирование | serg_sk | HTML и CSS | 0 | 18.03.2010 20:42 |