помогите вставить нарезанную картинку в шапку

Walsidalv · March 22, 2010

Предыстория:

был табличный сайт. Решил перейти на блочный. Начал вставлять старую нарезанную картинку в шапку, все беспорядочно расплылось

Помогите с кодом.

Вот скрин страницы: http://img299.imageshack.us/img299/8836/22141668.png

<head>


<title>дивный дизайн</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style>

#page{
height:400px; 
width:100%auto; 
background:#FF6666;
}

#header{
height:100px; 
width: 100% auto; 
background:#009966;
}

#main{
float:left;
width:100%;
background:#999900;
}

#content{
margin-right:200px;
background:orange;
}

#menu{
margin-left:-200px;
float:right;
width:200px;
background:#FFCC00;
}

#footer{
clear:both;
height:50px; 
width:100% auto; 
background:#00CCFF;
}

</style>
</head>

<body>

<div id=page>
<div id="header">
<IMG SRC="images/bg1.jpg" WIDTH=283 HEIGHT=85>
<IMG SRC="images/bg2.jpg" WIDTH=284 HEIGHT=85>
<IMG SRC="images/bg3.jpg" WIDTH=187 HEIGHT=85>
<img src="images/bg4.jpg" width=283 height=57>
<IMG SRC="images/bg5.jpg" WIDTH=284 HEIGHT=57>
<IMG SRC="images/bg6.jpg" WIDTH=187 HEIGHT=57>

</div>

<div id="main">

<div id="content">
текст сайта <br>
текст сайта<br>
текст сайта<br>
текст сайта<br>
текст сайта<br>
текст сайта<br>
текст сайта<br>
</div>

</div>

<div id="menu">
Главная<br>
Обо мне<br>
Друзья сайта<br>
Мой сайт.ru
</div>

<div id=footer>
низ сайта(

slicemasta · March 22, 2010

обнулите отступы у изображений и задайте им float:left;

Sign In

помогите вставить нарезанную картинку в шапку

Question

Walsidalv

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

slicemasta

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information