background-color
- Автор chavdarov
- Начална дата
ЦСС
ХТМЛ
Код:
/* CSS Document */
/*********************************************
Version: 1.0, February, 2008
last: February, 08
*********************************************/
/*********************************************
*********************************************/
/*********************************************
Main wrap
*********************************************/
#wrap {
width: 770px;
margin: 0px auto 0px auto;
padding: 0px;
background-color: #ffffff;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
text-align: center;
}
#header {
text-align: left;
height: 102px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #999999;
background: url(images/inex.jpg) no-repeat;
}
body {
background-color: #effafa;
text-align: center;
margin: 0px auto 0px auto;
padding: 0px;
}
#content {
clear: both;
width: 770px;
overflow: auto;
background-color:#FFFCC8;
}
#menu {
float:left;
width:100px;
height: 500px;
background-color: #019AD6;
}
#fla {
position:absolute;
top:102px;
right:312px;
width:670px;
height:289px;
background: url(images/fla.png) no-repeat;
z-index: 100;
}
#cconetent {
}
#footer {
text-align: center;
width: 760px;
height: 80px;
margin: 0px auto;
padding: 5px 0px 10px 10px;
font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px;
color: #ffffff;
background-color: #019AD6;
}
#rfooter {
padding-left: 20px;
}ХТМЛ
Код:
<!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="bg">
<head>
<title>My Home</title>
<meta name="Robots" content="All" />
<meta name="Robots" content="Index, Follow" />
<meta name="Revisit-After" content="7 days" />
<meta name="Distribution" content="Global" />
<meta name="Rating" content="General" />
<meta name="Description" content="No.67" />
<meta name="Keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/mechopuh/assets/templates/mecho/style.css" type="text/css" media="screen" />
<script language="JavaScript" type="text/javascript" src="/mechopuh/assets/templates/mecho/noieactivate.js"></script>
<base href="http://localhost/mechopuh/" />
</head>
<body>
<div id="wrap">
<div id="header"></div>
<div id="content">
<div id="fla"></div>
<div id="menu"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100" height="354" id="menu" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="/mechopuh/assets/templates/mecho/menu.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="/mechopuh/assets/templates/mecho/menu.swf" quality="high" bgcolor="#ffffff" width="100" height="354" name="menu" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></div>
<div id="ccontent"></div>
</div>
<div id="footer"><div id="fright">Copyright© 7. Всички права запазени. 2008<br />
Powered & Hosted by:
</div></div></div>
</body>
</html>
Също така
#menu {
float:left;
width:100px;
height: 500px;
background-color: #019AD6;
}
Задал си широчина на менюто 100px, и флаша също си му задал широчина 100px
Те просто се препокриват. Пробвай да направиш #menu с по-голям размер - например 200, за да видиш, че фонът излиза.
#menu {
float:left;
width:100px;
height: 500px;
background-color: #019AD6;
}
Задал си широчина на менюто 100px, и флаша също си му задал широчина 100px
Те просто се препокриват. Пробвай да направиш #menu с по-голям размер - например 200, за да видиш, че фонът излиза.