Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Позиционирование на экране ноутбука

Обсуждение темы Позиционирование на экране ноутбука в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Нужна помощь! Во всех разрешениях настольного ПК со стандартным 19-дюймовым монитором страничка отображается адекватно. А на ноуте в форме входа на сайт кнопочки ...


Закрытая тема
 
Опции темы
Старый 11.08.2010, 14:49   #1
Нужна помощь!
Во всех разрешениях настольного ПК со стандартным 19-дюймовым монитором страничка отображается адекватно. А на ноуте в форме входа на сайт кнопочки съезжают. Как правильно спозиционировать? К сожалению, нет под рукой ноута для экспериментов.
Код:
#left form{
	width:170px; height:130px; background: url(images/bgformgif.gif); display:block; padding-left:17px;  color:#3B3B3B; position: relative; margin-top: -32px; left: 23px;
	}
#left form input{position: relative; top: 30px;
	width:150px; height:17px; margin-bottom:16px;
	}
#left form label{position: relative; margin-top:-5px; left: 50px;
	width:125px; height:18px; background:url(images/regi_arrow.gif) no-repeat 8px 5px; color:#373737; font-size:11px;
	padding:0 0 0px 28px; display:block; font-weight:bold; line-height:17px; float:left;
	}
#left form label a {

color:#373737; text-decoration:none; background-color:##FFFFCC;
	}
#left form label a:hover {
		text-decoration:underline;
		}
#left form input.button{position: relative; margin-top: 0px;
	width:49px; height:18px; float:left; display:block;
	background:url(images/login_button.png) 0 0 no-repeat #FEFEFE; color:#fff; font-size:0px;
	font-weight:bold; line-height:18px; border:none;  cursor:pointer;
	 }
Изображения
Тип файла: jpg 1.JPG (6.0 Кб, 12 просмотров)
 
Старый 11.08.2010, 14:49
Ссылки
Старый 11.08.2010, 15:24   #2
наверное проблема в верстке.
 
Старый 11.08.2010, 15:29   #3
да, в позиционировании именно label и button, я думаю. Но как расставить правильно?
 
Старый 11.08.2010, 16:26   #4
Дайте HTML код формы.
 
Старый 11.08.2010, 16:28   #5
Цитата:
Дайте HTML код формы.
Так любой сможет!
А вот Вы попробуйте по скрину и css!
 
Старый 11.08.2010, 16:34   #6
Можно нарисовать свой HTML, но нужно помочь человеку разобраться в ошибках существующей формы.

Добавлено через 2 минуты

И по скрину непонятно где что должно быть.
Например слово "Регистрация".

Последний раз редактировалось Макс-Текс; 11.08.2010 в 16:34.. Причина: Добавлено сообщение
 
Старый 11.08.2010, 16:38   #7
Цитата:
И по скрину непонятно где что должно быть.
Например слово "Регистрация".
Нормально все!
 
Старый 12.08.2010, 12:51   #8
Код HTML:
<h5>Войти на сайт</h5>
	 <form action="" method="post" name="Login">
	 <input type="text" name="textbox" value="Ваш логин" size="12" onblur="if (value == '') {value = 'Ваш логин'}" onfocus="if (value == 'Ваш логин') {value =''}" />
	 <input type="password" name="textbox" value="Пароль" size="12" onblur="if (value == '') {value = 'Пароль'}" onfocus="if (value == 'Пароль') {value =''}"  />
     <input type="submit" name="submit" class="button" value="войти" alt="войти" />
     <label><a href="register.html">регистрация</a></label>
      </form>
Вота хтмл. А должно выглядеть так:
Изображения
Тип файла: jpg 2.JPG (6.8 Кб, 6 просмотров)
 
Старый 12.08.2010, 13:05   #9
Код HTML:
<h5>Войти на сайт</h5>
	 <form action="" method="post" name="Login">
	 <input type="text" name="textbox" value="Ваш логин" size="12" onblur="if (value == '') {value = 'Ваш логин'}" onfocus="if (value == 'Ваш логин') {value =''}" />
	 <input type="password" name="textbox" value="Пароль" size="12" onblur="if (value == '') {value = 'Пароль'}" onfocus="if (value == 'Пароль') {value =''}"  />
     <p><input type="submit" name="submit" class="button" value="войти" alt="войти" />
     <label><a href="register.html">регистрация</a></label></p>
      </form>
а для p пропишите отступы.
 
Старый 12.08.2010, 13:13   #10
Niemans: и снова моя благодарность не знает границ!=) Скорейшего похолодания и чистого воздуха вам)
 
Старый 12.08.2010, 13:13
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Раздавать Wi-Fi с ноутбука Кира1 Кальянная 1 03.02.2015 14:59
Позиционирование alex91 HTML, CSS, JavaScript 11 14.12.2010 15:55
Позиционирование в Firefox Vladislav1988 HTML, CSS, JavaScript 21 12.07.2010 15:52
Позиционирование <div> с помощью css KUZEN HTML, CSS, JavaScript 5 11.07.2006 13:41
Страница не умещается на экране Drakula Библиотека 3 13.11.2005 18:33


Текущее время: 04:54. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум