Все равно сделаю без таблиц и только блоками. Такой же шаблон, но другой дизайн.
Порезан на три части по вертикали, а именно лого с печатью до низу, линия по вертикали с листочком до низу, эта линия, которая должна будет тянуться по горизонтали. И все, что за этот линией. При 1024х786 текст на листочки и все более или менее сносно, но когда ставлю 1600х1200 текст уходит(? Вот так я порезал шаблон, поэтому и спрашивал, все ли верно, если предположить, что я правильно порезал, если обратное, то как резать, а если в проблема в коде?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=1251"/>
<title>Новичок с блоками</title>
<style type="text/css">
html, body {margin:0;height:100%; font-family: Verdana; font-size: 8pt; font-weight: bold;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:1000px;}
#left {float:left;width:510px; background:url(resize-test_01.jpg);} ---логотип и печать по вертикали
#right {float:right;width:390px; background:url(rightb_02.jpg);} -----линия по вертикали
#center {margin:0 390px 0 510px; background:url(vline6_02.png);} ----за линией по вертикали
.t1 { margin-bottom: 15%; margin-top: 10% margin-left: 5%; margin-right: 15%; position: absolute; top: 70%; left: 15%; } --- текст на листочке.
#nav{ ---Кнопки в .png
width:850px;
margin:0 auto;
padding:0;
list-style:none;
position:relative;
width:100%;
}
#nav .about{
position:absolute;
top:340px;
left:340px;
height:69px;
width:127px;
#nav .company{
left:510px;
height:64px;
width:223px;
#nav .created{
top:430px;
left:210px;
height:81px;
width:191px;
#nav .services{
top:410px;
left:420px;
height:80px;
width:143px;
#nav .contacts{
left:615px;
height:71px;
width:232px;
#nav li a{
text-indent:-9999px;
overflow:hidden;
height:100%;
display:block;
#nav .about a{
background:url(O-nas_03.png)no-repeat;
#nav .company a{
background:url(Kompany_03.png)no-repeat;
#nav .created a{
background:url(done_03.png)no-repeat;
#nav .services a{
background:url(service_03.png)no-repeat;
#nav .contacts a{
background:url(Kontakt_03.png)no-repeat;
.clear {clear:both;}
</style>
</head>
<body>
<ul id="nav">
<li class="about"><a href="#">� ���</a></li>
<li class="company"><a href="#">��������</a></li>
<li class="created"><a href="#">���������</a></li>
<li class="services"><a href="#">������</a></li>
<li class="contacts"><a href="#">��������</a></li>
</ul>
<div id="wrapper">
<div id="container">
<div id="left"><img src="resize-test_01.jpg" alt="left"/></div>
<div id="right"><img src="rightb_02.jpg" alt="right"/></div>
<div id="center"><img src="vline6_02.png" alt="center" style="width:100%; height:1000px"/></div>
<div class="t1">
<p>Какой-то текст.</p>
</div>
<div class="clear"></div>
</body>
</html>
JIucky, что же там смотреть описание тэгов? Это гуд, но я имел введу такой сайт, который похож на этот!
suxar добавил 30.11.2009 в 03:24
whites, а резать шаблон как? Обращаюсь ко всем, кто может и знает, нарисуйте линии, где именно резать?
