Расположение блоков

nimens · August 16, 2011

Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами.

1)Блок меню не становится на своё место как на скрине 1.

2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3)

3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал.

Сайт на катором шаблон

http://proba-12345.ucoz.ru/

Cкрине 1

Cкрине 2

Cкрине 3

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>
<title>Название</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
</head>


<body>
<div class="logo-blog">
<div class="logo"></div>

<div class="form-vhod">
$GLOBAL_FORMVHOD$

 </div> 
<div class="menu">
<ul>
<li class="menuli"><a href="#">Главная</a></li>
<li class="menuli"><a href="#">Портфолио</a></li>
<li class="menuli"><a href="#">Покупка</a></li>
<li class="menuli"><a href="#">Услуги</a></li>
<li class="menuli"><a href="#">FAQ</a></li>

</div>
 </div> 
<div class="content">
<div class="leftbottom"><a href="#"><img src="img/buttoleft.png" width="95" height="304"></a></div> 
<div class="centrcontent"><div class="centrverh"></div><div class="centrtop"></div><div class="centniz"></div></div> 
<div class="rightbottom"><a href="#"><img src="img/rightbottom.png" width="95" height="304"></a></div> 
</div>


<div class="slaid">
<!--Вставить слайд-->
</div>

<div class="futter">
Web/2011<br>
$POWERED_BY$
</div>

</body>


</html>

Css

body 
{
background-image:url(img/fon.jpg);
width:auto;
margin:0px;
}
.logo-blog
{
height:300px;
width:auto;

}
.logo
{
background-image:url(img/logo.png);
height:66px;
width:447px;
margin-top:63px;
margin-left:60px;
position:absolute;
}
.form-vhod
{
background-image:url(img/fonforma.png);
height:178px;
width:335px;
float:right;

}
.formid
{
height:25px;
width:230px;
font-size:18px;
margin-left:90px;
margin-top:50px;

}
.formpass
{
height:25px;
width:230px;
font-size:18px;
margin-left:90px;
margin-top:14px;
}
.buttom 
{
background: url(img/bottum.jpg) no-repeat;border:medium none;cursor:pointer;height: 32px;width:98px;
margin-left:228px;
margin-top:10px;
}
.menu 
{
background-image:url(img/fonmenu.png);
height:68px;
width:674px;
background-repeat:no-repeat;
margin-top:48px;

float:right;
text-shadow:-1px 0px black, 0px -1px black, 1px 0px black, 0px 1px black, -1px -1px black, 1px 1px black, -1px 1px black, 1px -1px black
}
.menuli
{
float:left;
list-style-type:none;
margin-left:30px;
margin-top:5px;
font-famely:Tahoma;
font-size:25px;
font-style:italic;
font-weight:bold;
}
a:link
{
color:#fff;
text-decoration:none
}
a:visited
{
color:#fff;
text-decoration:none
}
a:hover
{
color:#fae42f;
text-decoration:none
}
a:active
{
color:#fae42f;
text-decoration:none
}
.content
{
height:auto;
width:auto;
}
.leftbottom
{
height:304px;
width:95px;
margin-top:100px;
position:absolute;
margin-left:-1px;
}

.centrcontent
{
height:auto;
width:896px;
margin-left:180px;
margin-top:35px;
position:absolute;
}
.centrverh
{
background-image:url(img/centrverh.png);
height:34px;
width:896px;
}
.centrtop
{
background-image:url(img/centrtop.png);
height:1px;
width:896px;
}
.centniz
{
background-image:url(img/centniz.png);
height:40px;
width:896px;
}
.rightbottom
{
height:304px;
width:95px;
margin-top:100px;
float:right;
margin-right:-1px;
}
.slaid
{
height:214px;
width:auto;
background-image:url(img/Slaidfon.png);
margin-top:480px;
}
.futter
{
height:76px;
width:auto;
background-image:url(img/futter.png);
margin-top:50px;
}
.form
{
padding-top:48px;
padding-left:100px;
font-family:Tahoma,Verdana;
font-size:25px;
font-weight:bold;
font-style:italic;
color:#fae42f;
}
.form1
{
padding-top:15px;
padding-left:100px;
font-family:Tahoma,Verdana;
font-size:25px;
font-weight:bold;
font-style:italic;
color:#fae42f;
}

Edited August 16, 2011 by nimens

nimens · August 16, 2011

UP

psywalker · August 16, 2011

Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами.
1)Блок меню не становится на своё место как на скрине 1.
2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3)
3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал.

1) Блок прыгает из-за нехватки места, если экран делать меньше. Выстави у боди минимальную ширину.

2) Ничего страшного, не парься.

3) Хреновый код. Вёрстка далеко не хорошая. Например одни колонки на абсолютах говорят о многом.

nimens · August 16, 2011

psywalkerCпасибо большое

Если вам не сложно немоглибы вы написать код для тега body а то что то не получется

psywalker · August 16, 2011

psywalkerCпасибо большое
Если вам не сложно немоглибы вы написать код для тега body а то что то не получется

Нет, код за тебя писать я не буду. Потому что это ничего не даст. Знания у тебя от этого не прибавятся.

Давай-ка лучше дружище принимайся за учёбу, пожалуй. Открывай сайт и прям от А до Я.

nimens · August 16, 2011

ок

Sign In

Расположение блоков

Question

nimens

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

nimens

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

nimens

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

nimens

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information