Помогите!

Elin05 · January 30, 2013

Помогите пожалуйста сделать верстку как на картинке : http://s004.radikal.ru/i208/1301/1b/211630d202d3.jpg

Вот код , никак не получается


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style>
.colortext {
	 color: red;
}
.head {
font-size: 2.5em;
text-align: right;
padding: 7px;
border-radius:10px;
border: solid 2px gray;
background: #CCC;
color:#000000;
}

	 .help {
float: left;
border: 1px solid #333;
width: 47.5%;
padding: 5px;
border-radius:10px;
background-color:#CCC;
margin: 10px 10px 20px 5px;
}

.menu {
width: 200px;
padding: 5px;
border-radius:10px;
border: 1px solid #000;
background-color:#F47787;
margin-left: -75%;
margin-top: 7px;
}

.login {
width: 160px;
background-color:#CCC;
padding:10px 10px 10px 10px;
	 border-radius:10px;
border: solid 1px gray;
margin-top: 9px;
margin-left: -75%;
}

.copy {
clear: both;
padding: 5px;
border-radius:5px;
background: #999;
}
.site {
float:right;
width:500px;
}
</style>
</head>

<body>
<p class="head"> <img src="medal.png" width="95" height="160" align="left"> The ticket number <span class="colortext"> NNN </span><br>
Personal page in the style of minimalism
</p>
<div class="help">
<img src="suvorov3.jpg" width="200" height="185" align="left"> <h1>Alexander Suvorov</h1> Foto Alexander SuvorovI was born on June 3, 1953 in the capital of the Kirgiz SSR Frunze (now Bishkek).
My mother - Maria Suvorova Tikhonovna (March 12, 1924 - February 4, 1997) - had an average electrical education, thirty-six years she worked at the Frunze energouchastke Branch Railroad.
Father - Suvorov Vasily Ilyich (January 6, 1923 - December 12, 1981) - was a policeman (retired sergeant came in).
In the age of three months I was sent to the nursery, in three years - in kindergarten. In the fourth year of life revealed a sharp drop of (almost total blindness). So in 1960 he enrolled in the Frunze School for the Blind. In 1962, dropped ears (Deafblindness causes remained unclear.). September 13, 1964 I was taken to an orphanage Zagorski for deaf-blind children. February 9, 1971 along with three other inmates of the orphanage Zagorski I was transferred to Moscow in the experimental group training and laboratory study of deaf-blind children of the Scientific-Research Institute of the Academy of Pedagogical Sciences defectology USSR. We were transferred back to prepare for university studies.
In September 1971, I began to study at the Faculty of Philosophy of Moscow State University. Moscow State University, as an intern. But the winter session was taking already on the department of psychology, as in the philosophical faculty to take my exams declined. In the summer session in 1972 at the same time was taking exams for the first course and the entrance, and a full-fledged student of psychology was in his second year. The cause of all these difficulties - my own then-childishness: in a fit of absolute honesty, sought formally finish high school, although we were willing to accept (and accepted) at MSU without competition without school-leaving certificate, focusing on our actual level of intellectual development (our teaching at MSU was experimental, and so many formalities can be circumvented with the permission of Ministry of Higher Education).
</div>
<div class="site">
<div class="login">
<form>
<p><input name="login" placeholder="Логин"></p>
<p><input name="pass" type="password" placeholder="Пароль"></p>
<p><input type="submit" value="Вход"></p>
</form>
</div>
<div class="menu">
<menu>
<h3>Меню</h3>
<li><a href="#">Home</a></li>
<li><a href="#">Autobiography</a></li>
<li><a href="#">My Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contacts</a></li>
</menu>
</div>
</div>
<div class="copy"> Zak || All rights reserved © || 2011
</div>

</body>
</html>

Edited January 30, 2013 by Elin05

USF · January 30, 2013

принтскрин отличный

по топу - покажите что у вас уже есть(на jsfiddle, к примеру) и что именно не получается

Elin05 · January 30, 2013

в училище фоткал)

Нужно форму логин и пароль поставить с блок , и меню с право

*в блок

Elin05 · January 30, 2013

и еще вопрос как блок в блоке сделать ?

USF · January 30, 2013

http://codepen.io/usf/pen/nKGHI ну вот так как-то

Elin05 · January 30, 2013

хоть как-то , спасибо

Sign In

Помогите!

Question

Elin05

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

USF

Link to comment

Share on other sites

Elin05

Link to comment

Share on other sites

Elin05

Link to comment

Share on other sites

USF

Link to comment

Share on other sites

Elin05

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information