Резиновая шапка стартовой и форма входа! - HTML и CSS

zech227 · 27.09.2012, 09:06

Здравствуйте! Я бы хотел услышать помощь по нескольким вопросам, которые попытаюсь описать ниже.
1.Есть стартовая страница с шапкой 1240х350.... на расширениях мониторов в 1024х768 она не помещяется, как правильно поставить растяжку или же какое лудше всего использовать расширение. Вот код:

Код:

.starts {
   background: url('http://infiniti1985.ucoz.ru/svd/img/shapka_q.jpg') left top no-repeat;
   width: 1240px;
   height: 385px;
   margin: 0 auto;
   position: center;
}

2.На той же стартовой имеется форма входа, но она так же не центрируется по растяжке шапки, все время крепится к правой сторое хоть в коде я ненаблюдаю этого...долго ломал голову, но так и ненашел выхода как сделать, что бы форма входа правильно размещялась по центру шапки с растяжкой. Вот код:

Код:

<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>
  <script src="/js/login.jsa" type="text/javascript"></script>
  <script src="/js/md5.js" type="text/javascript"></script> 
    <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>

был бы очень признаетелен в помощи..если возникнут дополнительные вопросы прошу обратится в ЛС

Mortimoro · 02.10.2012, 01:32

1. какое лудше всего использовать расширение, если нужно, чтоб вмещалось на 1024х768 ? Капитан Очевидность в недоумении.

2. >>>выравнивание по центру<<<

PS: если ты будешь из расчета на высоту экрана 768px (рабочая область почти 700px) делать шапку высотой 350px (пол экрана), то лудше займись изобретением машины времени, чтоб вернуться в прошлое и убить себя до того, как ты станешь большим говносайтером.

zech227 · 02.10.2012, 08:14

мндя....и это ответил тот, кто " как бы понял суть вопроса " лудше бы уже промолчал ей богу...

Cone · 02.10.2012, 12:36

Так попробуй

Код 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>

27.09.2012, 09:06	#1
zech227 Новичок Джуниор Регистрация: 27.09.2012 Сообщений: 2	Резиновая шапка стартовой и форма входа! Здравствуйте! Я бы хотел услышать помощь по нескольким вопросам, которые попытаюсь описать ниже. 1.Есть стартовая страница с шапкой 1240х350.... на расширениях мониторов в 1024х768 она не помещяется, как правильно поставить растяжку или же какое лудше всего использовать расширение. Вот код: Код: `.starts { background: url('http://infiniti1985.ucoz.ru/svd/img/shapka_q.jpg') left top no-repeat; width: 1240px; height: 385px; margin: 0 auto; position: center; }` 2.На той же стартовой имеется форма входа, но она так же не центрируется по растяжке шапки, все время крепится к правой сторое хоть в коде я ненаблюдаю этого...долго ломал голову, но так и ненашел выхода как сделать, что бы форма входа правильно размещялась по центру шапки с растяжкой. Вот код: Код: <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> <script src="/js/login.jsa" type="text/javascript"></script> <script src="/js/md5.js" type="text/javascript"></script> <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> был бы очень признаетелен в помощи..если возникнут дополнительные вопросы прошу обратится в ЛС

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Форма входа	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

02.10.2012, 01:32	#2
Mortimoro Форумчанин Регистрация: 03.12.2010 Сообщений: 334	1. какое лудше всего использовать расширение, если нужно, чтоб вмещалось на 1024х768 ? Капитан Очевидность в недоумении. 2. >>>выравнивание по центру<<< PS: если ты будешь из расчета на высоту экрана 768px (рабочая область почти 700px) делать шапку высотой 350px (пол экрана), то лудше займись изобретением машины времени, чтоб вернуться в прошлое и убить себя до того, как ты станешь большим говносайтером.

02.10.2012, 08:14	#3
zech227 Новичок Джуниор Регистрация: 27.09.2012 Сообщений: 2	мндя....и это ответил тот, кто " как бы понял суть вопроса " лудше бы уже промолчал ей богу...