HTML верстка сайта

albert20707 · May 6, 2012

Возникли проблемы при верстке сайта http://good-stuff.at.ua Поставил bg верхний но не знаю как его приблизить к верху пробовал margin и padding Вот HTML :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet">

</head>
<body>

<table>
<tr>
<td class="header" colspan="3">
HEader
</td>
</tr>
<tr class="bind" align="cente">
<td class="bind-1">
<a href="ya.ru" />

</a>

</td>
<td class="bind-2">


</td>
<td class="bind-3">

</td>

</tr>
<tr>
<td class="content" colspan="3">
<div class="bg-1">

</div>

<div class="bg-2">
</div>
</td>
</tr>
<tr>
<td class="footer" colspan="3">
</td>
</tr>

</table>
</body>
</html>

Вот CSS :


table{
border:1px solid red;
width:100%;
height:650px;
}
.bind{
width:100%;
height:45px;

}
.header{
width:100%;
height:76px;
border:1px solid yellow;
background-color:#c9a0dc;
text-align:center;
color:blue;




}
.footer{
height:45px;
width:100%;
background-color:grey;


}
.content{
background-color:#333;
text-align:center;
color:blue;



}
.dub-img{
width:20px;

}
.bind-1{
float:left;
padding-left:0px;
display:block;
background-image:url("bind1.jpg");
width:193px;
height:45px;
}
.bind-2{
float:left;
margin-left:0px;
display:block;
width:253px;
height:45px;
background-image:url("bind2.jpg");

}
.bind-3{

background-image:url("bind3.jpg");
width:335px;
height:45px;
display:block;
float:left;


}
.bind-1:hover{

background-image:url("bind1-2.jpg");
}
.bind-2:hover{

background-image:url("bind2-2.jpg");
}
.bind-3:hover{

background-image:url("bind3-2.jpg");


}
.bg-1{
height:19px;
background-image:url("gs_bg-1.png");
}
.bg-2{
background-image:url("gs_bg.png");
height:335px;
}


}

Вот скрин моей верстки :

Sign In

HTML верстка сайта

Question

albert20707

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information