Нужна помощь с блоком авторизации.

NapNu · January 22, 2015

Не получается сверстать вот такой вот блок авторизации

Кому не сложно, объясните как что и где?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>	<title>Design</title>	<meta http-equiv="Content-type" content="text/html" charset="utf-8">	<link type="text/css" href="css/style.css" rel="stylesheet"></head><body>	<div id="logo">			<img src="images/logo_head.png" alt="logo" id="logo">			<form id="log">				<div id="log_txt">				<p>					<label for="text">Логин:</label>					<input type="text" id="login" name="login" maxlength="10">				</p>				<p>					<label for="password">Пароль:</label>					<input type="password" id="password" name="password" maxlength="15">				</p>				</div>				<input type="image" src="images/Reg.png" id="log_img">			</form>			<div id="reg_help">				<a href="#" class="reg">Регистрация</a>				<a href="#">Забыли пароль?</a>			</div>	</div>	<div id="header">	</div>	<div id="menu">	</div>	<div id="sidebarL">	</div>	<div id="content">	</div>	<div id="sidebarR">	</div>	<div id="footer">	</div></body></html>

body {	font:14px Arial;	width:1032px;	margin:0 auto;}#login {	color:#626262;	margin: 10px;	border-radius:3px;	background-color:#FBFBFB;	border:1px solid #AEAEAE;	width:113px;	height:20px;}#password {	color:#626262;	margin-top:-3px;	border-radius:3px;	background-color:#FBFBFB;	border:1px solid #AEAEAE;	width:113px;	height:20px;}#logo {	display:inline;}#log {	float:right;	display:inline;}#log_img {	padding:12px 0;}#log_txt {	float:left;}.reg {	border-right:1px solid #cccccc;}

Edited January 22, 2015 by NapNu

satantx · January 22, 2015

http://jsfiddle.net/satantx/5a03q9dp/

Как то так, думаю дальше понятно будет

NapNu · January 23, 2015

http://jsfiddle.net/satantx/5a03q9dp/
Как то так, думаю дальше понятно будет

Спасибо большое за помощь))

Sign In

Нужна помощь с блоком авторизации.

Question

NapNu

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

satantx

Link to comment

Share on other sites

NapNu

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information