Вход на сайт
подскажите по блочной верстке
296 просмотров
Перейти к просмотру всей ветки
в ответ katrin_qq 15.08.09 14:56
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title> наш сайт для праксиса </title>
<style type="text/css">
body {
margin:0; /* - отступ от внешних границ - */
padding:0; /* - отступ внутри блока - */
}
#container{
width:100%; /* - ширина блока - */
background: url(fon.png) repeat-y; /* - фоновая картинка, повторяется по вертикали - */
padding : 0;margin: 0; /* - отступы - */
}
#content {
width:59.5%;
/*background-color:#fff;*/
border-width: 3px;
border-style:solid;
padding : 0 0 20px 0;
float:left;
}
#sub-section {
width:20%;
/*background-color:#fff;*/
border-width: 3px;
border-style:solid;
padding : 0 0 20px 0;
float:left;
}
#content p {
font:12px verdana, helvetica, sans-serif;color:#333;
padding : 0 9px 0 9px; line-height:1.5;
}
#sub-section p{
font: 10px verdana,helvetica;
color: darkred;
padding: 5px 5px 5px 5px;
}
/*тот самый подвал, без которого не грузится фон*/
#unten p{
font: 10px;
color: red;
clear:both;
}
span.c1 {
display:none;
}
h1 {
background:url(logo.jpg) no-repeat; /* - вместо заголовка будет картинка - */
height:100px; /* - высота картинки - */
margin:0; /* - отступ - */
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1><span class="c1">UNSER PRAXIS</span></h1>
</div>
<div id="content">
<h3>SPRECHSTUNDEN</h3>
<p>
Praxis von MIR :))))))))
Blummenstr. 1000
11111 BLABLABLA
Tel: 999-999-999
fax: 999-999-998
mail: qqq@gmail.com
</p>
</div>
<div id="sub-section">
<h4>zusetzliche Information:</h4>
<p>
bei der Unfahl erreichen Sie uns uter Nummer 0151-111-111
</p>
<h4>NOCH:</h4>
<p>
da kann noch etwas geschrieben werden, egal eigentlich was. das spielt jetzt keine Rolle.
</p>
</div>
<div id="unten">
<p>
Da Steht noch was.
</p>
</div>
</div>
</body>
</html>
<head>
<title> наш сайт для праксиса </title>
<style type="text/css">
body {
margin:0; /* - отступ от внешних границ - */
padding:0; /* - отступ внутри блока - */
}
#container{
width:100%; /* - ширина блока - */
background: url(fon.png) repeat-y; /* - фоновая картинка, повторяется по вертикали - */
padding : 0;margin: 0; /* - отступы - */
}
#content {
width:59.5%;
/*background-color:#fff;*/
border-width: 3px;
border-style:solid;
padding : 0 0 20px 0;
float:left;
}
#sub-section {
width:20%;
/*background-color:#fff;*/
border-width: 3px;
border-style:solid;
padding : 0 0 20px 0;
float:left;
}
#content p {
font:12px verdana, helvetica, sans-serif;color:#333;
padding : 0 9px 0 9px; line-height:1.5;
}
#sub-section p{
font: 10px verdana,helvetica;
color: darkred;
padding: 5px 5px 5px 5px;
}
/*тот самый подвал, без которого не грузится фон*/
#unten p{
font: 10px;
color: red;
clear:both;
}
span.c1 {
display:none;
}
h1 {
background:url(logo.jpg) no-repeat; /* - вместо заголовка будет картинка - */
height:100px; /* - высота картинки - */
margin:0; /* - отступ - */
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1><span class="c1">UNSER PRAXIS</span></h1>
</div>
<div id="content">
<h3>SPRECHSTUNDEN</h3>
<p>
Praxis von MIR :))))))))
Blummenstr. 1000
11111 BLABLABLA
Tel: 999-999-999
fax: 999-999-998
mail: qqq@gmail.com
</p>
</div>
<div id="sub-section">
<h4>zusetzliche Information:</h4>
<p>
bei der Unfahl erreichen Sie uns uter Nummer 0151-111-111
</p>
<h4>NOCH:</h4>
<p>
da kann noch etwas geschrieben werden, egal eigentlich was. das spielt jetzt keine Rolle.
</p>
</div>
<div id="unten">
<p>
Da Steht noch was.
</p>
</div>
</div>
</body>
</html>