Как да кача втория бокс
- Автор HaCkErChE
- Начална дата
dELux_nike
Registered
HaCkErChE каза:
1-вия линк не-работи !
мм не
Нали така ?
Код:
#menuleft-up
{
background: url(../images/menuleft-up.gif) no-repeat; width:219px; height:30px; margin: 23px 0 0 66px; float:left;
}
#menuleft-center
{
background: url(../images/menuleft-center.gif) repeat-y; width:219px; margin: 0 0 0 66px; padding: 10px; float:left;
}
#menuleft-down
{
background: url(../images/menuleft-down.gif) no-repeat; width:219px; height:28px; margin: 0px 0 0 66px; float:left;
}
#boxup{
background: url(../images/boxup.gif) no-repeat; width:645px; height:30px; margin: 0px 0 0 300px; float:right;
}
#boxcenter
{
background: url(../images/boxcenter.gif) repeat-y; width:645px; margin: 0px 0 0 300px; padding: 0px 0 0 22px; float:right;
}
#boxdown
{
background: url(../images/boxdown.gif) no-repeat; width:645px; height:28px; margin: 0px 0 0 300px; float:right;
}
Код:
<div id="menuleft-up"></div>
<div id="menuleft-center"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
<div id="menuleft-down"></div>
<div id="boxup"></div>
<div id="boxcenter">asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />
</div>
<div id="boxdown"></div>
<div style="clear:both;"></div>Нали така ?
смени тоя CSS
и това ти е html кода
и си го намествай както искаш вече
Код:
html,body
{
height: 100%; background: #f6f6f6; color: #666666; font: 15px arial; margin: 0px ; padding: 0px;
}
#menu
{
background: url(../images/menu.gif) repeat-x; height:63px; width:1024px; margin: 0 auto; padding: 0 0 0 67px;
}
#head
{
background: #f1f1f1 repeat-x; width:1024px;
}
#logo
{
background: url(../images/logo.gif) no-repeat; width: 196px; height: 52px; margin: 11px 0 0 66px;
}
#text
{
margin: 0px 0 0 600px; padding: 20px 0 0 0px;
}
#hr
{
background: url(../images/hr.gif) repeat-x; height:10px; width:1024px; margin: 0 auto ;
}
#menuleft-up
{
background: url(../images/menuleft-up.gif) no-repeat; width:219px; height:30px; margin: 23px 0 0 66px;
}
#menuleft-center
{
background: url(../images/menuleft-center.gif) repeat-y; width:219px; margin: 0 0 0 66px; padding: 10px;
}
#menuleft-down
{
background: url(../images/menuleft-down.gif) no-repeat; width:219px; height:28px; margin: 0px 0 0 66px;
}
#boxup{
background: url(../images/boxup.gif) no-repeat; width:645px; height:30px; margin: 0px 0 0 -5px; float:left;
}
#boxcenter
{
background: url(../images/boxcenter.gif) repeat-y; width:645px; margin: 0px 0 0 300px; padding: 0px 0 0 22px;
}
#boxdown
{
background: url(../images/boxdown.gif) no-repeat; width:645px; height:28px; margin: 0px 0 0 300px;
}
#footerhead
{
background: url(../images/footerhead.gif) no-repeat; width:873px; height:30px; margin: 23px 0 0 0px;
}
#footer
{
background: url(../images/footer.gif) repeat-y; width:873px; margin: 0 0 0 0px; padding: 10px;
}
#footerdown
{
background: url(../images/footerdown.gif) no-repeat; width:873px; height:29px; margin: 0px 0 0 0px;
}
*{
padding:0;
margin:0;
}
.nav_links li {
font-weight: bold;
list-style:none;
display:block;
font-size: 14px;
float: left;
}
.nav_links a {
text-decoration: none;
color: #666666;
display: block;
height: 50px;
padding-top: 22px;
padding-right: 27px;
padding-left: 26px;
}
.nav_links a:hover {
color: #FFFFFF;
background-image: url(../images/hover.png);
background-repeat: no-repeat;
}
.withdiv {
background-image: url(../images/divider.png);
background-repeat: no-repeat;
}и това ти е 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">
<head>
<title>Strike-bg</title>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251"/>
<meta name="author" content="Galin Petrov" />
<meta name="reply-to" content="hackerch3@abv.bg" />
<meta name="robots" content="index, follow" />
<link type="text/css" rel="Stylesheet" href="css/style.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</head>
<body>
<div id="menu" >
<ul class="nav_links">
<li class="withdiv"><a href="#">Начало</a></li>
<li class="withdiv"><a href="#">Начало</a></li>
<li class="withdiv"><a href="#">Начало</a></li>
<li class="withdiv"><a href="#">Начало</a></li>
<li class="withdiv"><a href="#">Начало</a></li>
</ul>
</div>
<div id="head" >
<div id="logo" ></div>
</div>
<div id="hr" ></div>
<div style="float:right;">
<div style="float:left;">
<div id="menuleft-up"></div>
<div id="menuleft-center"><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
<div id="menuleft-down"></div>
</div>
<div id="boxup"></div>
<div id="boxcenter">asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />
</div>
<div id="boxdown"></div>
</div>
<div style="clear:both;"></div>
<br>
<div id="footerhead" > </div>
<div id="footer" >
<center>
<b>(C) 2010 Всички права запазени. Strike-BG.COM <br />
<br /><script type="text/javascript">
d=document;
d.write('<a href="http://www.tyxo.bg/?97895" title="Tyxo.bg counter" target=" blank"><img width="88" height="31" border="0" alt="Tyxo.bg counter"');
d.write(' src="http://cnt.tyxo.bg/97895?rnd='+Math.round(Math.random()*2147483647));
d.write('&sp='+screen.width+'x'+screen.height+'&r='+escape(d.referrer)+'" /><\/a>');
//-->
</script>
<noscript><a href="http://www.tyxo.bg/?97895" title="Tyxo.bg counter" target=" blank"><img src="http://cnt.tyxo.bg/97895" width="88" height="31" border="0" alt="Tyxo.bg counter" /></a></noscript>
<br>
</b>
</center>
</div>
<div id="footerdown" ></div>
</body>
</html>и си го намествай както искаш вече