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.
|