Skip to content

Сделал задание 2.1 и 1.1 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
trixartem wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Сделал задание 2.1 и 1.1 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3786641
добавил 1.1 и 2.1
Nov 3, 2012
9588674
Добавил 1.2, 2.2 и bonus-1
Nov 7, 2012
997ad81
обновил bonus-1
Nov 8, 2012
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
116 changes: 116 additions & 0 deletions 1_1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Выравнивание 1.1</title>
<style type="text/css">

div.a1 {
width:100px;
height:100px;
background-color:#7a00ff;
color:#FFF;
text-align:center;
}
div.boxForA1{
background-color:#CCC;
padding-left:50%;
margin-left:-50px;
}

div.a2 {
width:100px;
height:100px;
background-color:#007fff;
color:#FFF;
text-align:center;
margin-top:50px;
margin-left:auto;
margin-right:auto;
}
div.a3 {
background-color:#f47330;
color:#fff;
width:100px;
height:100px;
margin-top:50px;
text-align:center;


}
.a4 {
background-color:#f4c430;
color:#f00;
width:100px;
height:100px;
text-align:center;
float:left;
}
div.boxForA4_1 {
width:50%;
height:150px;
float:left;
background-color:#CCC;
margin-left:-50px;


}
div.boxForA4_2{
width:50%;
height:150px;
float:right;
background-color:#CCC;
margin-right:-50px;
}
col {
width:50%;
}
div.a5 {
background-color:#7fff00;
color:#00f;
width:100px;
height:100px;
text-align:center;
position:fixed;
left:50%;
margin-left:-50px;
top:800px;
}
span.a6 {
background-color:#000;
color:#FFF;
padding-top:78px;
font-size:20px;
word-spacing:25px;

}
div.boxForA6 {
text-align:center;
margin-top:140px;
}
</style>
</head>
<body>

<div class="boxForA1"><div class="a1">Блок 100х100 1 Способ</div></div>
<div class="boxForA6">
<span class="a6">6 способ
</span>
</div>
<div class="a2">Блок 100х100 2 Способ</div>
<table width="100%">
<col/>
<tr>
<td> </td>
<td>
<div class="a3" style="margin-left:-50px;">Блок 100х100 3 Способ</div>
</td>
<td>
</td>
</tr>
</table>
<div class="boxForA4_1"></div>
<div class="a4" > Блок 100х100 4 Способ</div>
<div class="boxForA4_2"> </div>
<div class="a5">Блок 100х100 5 Способ</div>
</body>
</html>
47 changes: 47 additions & 0 deletions 1_2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<style type="text/css">
span.sp1 {
background-color:#069;
color:#FFF;
font-size:10px;
padding:88px 0 0 0;
}
div#sp1 {
text-align:center;
margin-top:100px;
}
span.sp2 {
background-color:#096;
color:#FFF;
font-size:10px;
padding-bottom:88px;
}
div#sp2 {
margin-top:100px;
}
</style>
</head>

<body>
<div id="sp1">
<span class="sp1"> Способ 1 </span>
</div>
<table align="center" vspace="30">
<tr>
<td style="background-color:red; color:#FFF; height:98px">
Способ 2
</td>
</tr>
</table>


<div id="sp2">
<div style="float:left; background-color:#96C; height:100px; width:48%; ">left</div>
<span class="sp2"> Способ 3</span>
</div>
</body>
</html>
30 changes: 30 additions & 0 deletions 2_1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Раскладка 2.1</title>
<style type="text/css">
div {
color:#FFF;
}
div.left {
background-color:#06F;
float:left;
padding-bottom:100%;
width:300px;

}
div.right{
background-color:#C33;
padding-bottom:100%;
text-align:center;
}

</style>
</head>

<body>
<div class="left">Левая колонка = 300 px</div>
<div class="right">Правая колонка = все остальное</div>
</body>
</html>
27 changes: 27 additions & 0 deletions 2_2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>2 Раскладка 2</title>
<style type="text/css">
.a {
background-color:#03C;
color:#FFF;
padding-bottom:.1px;
float:left;
min-width:150px;
max-width:300px;

}
.c{
background-color:#930;
color:#fff;
width:auto;
}
</style>
</head>
<body bgcolor="#000000">
<div class="a">Левая колонка</div>
<div class="c"> Правая колонка </div>
</body>
</html>
71 changes: 71 additions & 0 deletions bonus-1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Бонус задание №1</title>
<style type="text/css">
div.b1 {
background-color:#09F;
position:fixed;
top:50%;
margin-top:-50px;
height:100px;
width:100px;
}
div.b2 {
height:100px;
width:100px;
position:fixed;
top:-50px;
margin-top:50%;
background-color:#0F9;
margin-left:200px;
}
div.b4 {
height:100px;
width:100px;
background-color:#303;
color:white;
position:absolute;
margin-top:-50px;
right:50%;
top:50%;
}
table {
position:fixed;
margin-left:400px;

}
#content2{
position : absolute;
top : 0;
bottom : 0;
left : 1000px;
margin : auto;
height : 100px;
width : 100px;
background-color:#00F;
}
</style>
</head>

<body>
<div class="b1">Sposob 1</div>
<div class="b2">Sposob 2</div>
<table height="100%">
<tr>
<td>
</td>
<td style="background-color:#993; width:100px;" >
<div style="background-color:#FFF; height:100px; width:100px">SPOSOB 3</div>
</td>
<td>
</td>
</tr>
</table>
<div class="b4">Sposob 4</div>
<div id="content2">
Sposob 5
</div>
</body>
</html>