|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
27.09.2012, 09:06 | #1 |
Новичок
Джуниор
Регистрация: 27.09.2012
Сообщений: 2
|
Резиновая шапка стартовой и форма входа!
Здравствуйте! Я бы хотел услышать помощь по нескольким вопросам, которые попытаюсь описать ниже.
1.Есть стартовая страница с шапкой 1240х350.... на расширениях мониторов в 1024х768 она не помещяется, как правильно поставить растяжку или же какое лудше всего использовать расширение. Вот код: Код:
Код:
|
02.10.2012, 01:32 | #2 |
Форумчанин
Регистрация: 03.12.2010
Сообщений: 334
|
1. какое лудше всего использовать расширение, если нужно, чтоб вмещалось на 1024х768 ? Капитан Очевидность в недоумении.
2. >>>выравнивание по центру<<< PS: если ты будешь из расчета на высоту экрана 768px (рабочая область почти 700px) делать шапку высотой 350px (пол экрана), то лудше займись изобретением машины времени, чтоб вернуться в прошлое и убить себя до того, как ты станешь большим говносайтером. |
02.10.2012, 08:14 | #3 |
Новичок
Джуниор
Регистрация: 27.09.2012
Сообщений: 2
|
мндя....и это ответил тот, кто " как бы понял суть вопроса " лудше бы уже промолчал ей богу...
|
02.10.2012, 12:36 | #4 |
Форумчанин
Регистрация: 05.08.2010
Сообщений: 127
|
Так попробуй
Код HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Untitled</title> </head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> $(document).ready(function() { var clW = $(window).width(); if (clW > 1300) { $('.starts').addClass('bigW') }; }); </script> <style> * { padding:0; margin:0; } body { color:#656565; background:url('cell2.png') center top #f7f7f7; font-size:11px; font-family: Arial; } .starts { width:1024px; height: 385px; margin: 0 auto; position: relative; background: red; } .bigW { width:1240px; background: url('http://infiniti1985.ucoz.ru/svd/img/shapka_q.jpg') left top no-repeat; } .forma { display:table; margin:0 auto; top:40%; position: relative; } </style> <body> <div class="starts"> <div class="forma"> <a class="knopka_1" href="/people/form?ref=%GET('ref')%" target="_blank" style="left: 20px; top: 13px;"></a> <a class="knopka" href="/page/5" style="left: 330px; top: 13px;"></a> <form name="login" method="post" action="/"> <input type="hidden" name="sess"> <input type="hidden" name="ref" value="%GET('ref')%"> <input type="text" name="nick" class="forma_nick" value="%COOKIE("Nick")%"> <input type="password" name="pass" class="forma_pass"> <input type="submit" style="display: none"> </form> <div class="ok"> <span onClick="passCrypt (); document.login.submit(); return false;" style="cursor: pointer;"><img src="http://infiniti1985.ucoz.ru/svd/img/ok.gif" alt="Âîéòè â ÷àò" onMouseMove="document.getElementById('enter').src='http://infiniti1985.ucoz.ru/svd/img/ok_on.gif';" onMouseOut="document.getElementById('enter').src='http://infiniti1985.ucoz.ru/svd/img/ok.gif';" width="90" border="0" height="23" id="enter"></span> </div> </div> </div> </body> </html> Последний раз редактировалось Cone; 02.10.2012 в 12:54. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Форма входа | glebast | Помощь студентам | 2 | 26.09.2012 21:53 |
Резиновая шапка сайта | dizmo | HTML и CSS | 21 | 19.08.2009 06:21 |
Резиновая шапка | acmilan | HTML и CSS | 14 | 12.07.2009 00:31 |
Сессии + форма входа | spein | PHP | 13 | 27.03.2009 18:18 |
форма входа на Flash | vanDJ | Софт | 4 | 08.08.2008 10:01 |