01-07-2007, 13:24
|
|
|
|
חבר מתאריך: 24.03.07
הודעות: 44
|
|
|
הצמדת אובייקטים בCSS
אני מנסה להכניס אובייקט תפריט ליד אובייקט אחר, מצד ימין לו, כמו בתמונה הבאה:
http://img243.imageshack.us/img243/2742/29406960yc8.png
קוד הHTML של האתר נראה כך:
קוד PHP:
<html>
<head>
<title>Style</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#072b51">
<center>
<div id="wrap">
<div id="logo">
</div>
<div id="search">
</div>
<div id="update_top">
</div>
<div id="update">
</div>
<div id="update_bottom">
</div>
</center>
</body>
</html>
קוד הסטייל נראה כך:
קוד PHP:
#wrap
{
width: 851px;
text-align: left;
margin: auto;
}
#logo
{
background-image: url(http://img209.imageshack.us/img209/3088/galhatembel03cu8.png);
background-repeat: no-repeat;
height: 132px;
}
#search
{
background-image: url(http://img297.imageshack.us/img297/796/galhatembel05ns7.png);
background-repeat: no-repeat;
height: 82px;
}
#updates
{
display: inline;
}
#update_top
{
background-image: url(http://img252.imageshack.us/img252/8809/updatetopik8ar1.png);
background-repeat: no-repeat;
width: 688px;
height: 0px;
}
#update
{
width: 688px;
height: 550px;
background-image: url(http://img267.imageshack.us/img267/1659/updatepe8.png);
background-repeat: repeat-y;
}
#update_bottom
{
background-image: url(http://img167.imageshack.us/img167/4787/updatebottomov4.png);
background-repeat: no-repeat;
width: 688px;
height: 0px;
}
#updates
{
height
}
#login
{
background-image: url(http://img263.imageshack.us/img263/6352/loginuf4.png);
background-repeat: no-repeat;
}
#menu_1
{
background-image: url(http://img186.imageshack.us/img186/7200/menu1fg5.png);
background-repeat: no-repeat;
{
#menu
{
background-image: url(http://img186.imageshack.us/img186/2103/menujv4.png);
background-repeat: repeat-y;
{
#bottom_menu
{
background-image: url(http://img179.imageshack.us/img179/6006/bottommenudp3.png);
background-repeat: no-repeat;
}
תודה!
נערך לאחרונה ע"י GalDa בתאריך 01-07-2007 בשעה 13:46.
|
ראשי
צ'אט
מצב כלאיים
