הוסטס - פורום אחסון האתרים הגדול בישראל

ככה זה נראה:
http://www.2send.us/uploads/891e0dc819.JPG

בפיירפוקס הכל טוב,

זה הקוד HTML:

HTML קוד:

<html dir="rtl">

<head>

        <title>מערכת</title>

        <script type="text/javascript">

        function show(id){

                var obj=document.getElementById(id)

                obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")

        }

        </script>

        <style type="text/css">

                @import url(style.css);

        </style>

</head>



<body>



        <div id="menu">



                                <div id="user">

                                <img src="./images/msg.gif" alt="" />

                                ברוך הבא הבא <strong>גל שפריר</strong> ( התנתק )

                                </div>

                                

                                <div id="user_menu">



                                <div class="item" style="padding-right: 0px;">

                                        <a href="#">ניהול</a>

                                </div>

                                

                                <div class="item" onmouseover="show('manage')" onmouseout="show('manage')">

                                        <a href="#">ניהול קבצים</a>

                                        <div id="manage" class="links" style="width:150px;">

                                                <a href="#" class="p">עמוד ראשי</a>

                                                <a href="#" class="p">הוספת קובץ</a>

                                                <a href="#" class="p">מחיקת קבצים</a>

                                        </div>

                                </div>

                                

                                <div class="item" onmouseover="show('config')" onmouseout="show('config')">

                                        <a href="#">הגדרות מערכת</a>

                                        <div id="config" class="links" style="width:150px;">

                                                <a href="#" class="p">הגדרות SAFE MOD</a>

                                                <a href="#" class="p">הגדרות מערכת</a>

                                        </div>

                                </div>



                                <div class="item" onmouseover="show('user_config')" onmouseout="show('user_config')">

                                        <a href="#">הגדרות משתמש</a>

                                        <div id="user_config" class="links" style="width:150px;">

                                                <a href="#" class="p">שנה שם משתמש</a>

                                                <a href="#" class="p">הגדרות סיסמה ודוא"ל</a>

                                        </div>

                                </div>

                                

                                <div class="item">

                                        <a href="#">אפשרויות מחיקת קבצים</a>

                                </div>



                                </div>

        </div>        

        

        <div id="site">

                

                <h2>ברוך הבא למערכת העלאת הקבצים שלך - פאנל הניהול</h2>



        </div>

                

</body>

זה הקוד CSS:

HTML קוד:

body {

        margin: auto;

        font-size: 10pt;

}

        

#menu {

        width: 100%;

        color:#ffffff;

        padding-top: 10px; 

        padding-bottom: 10px;

        background-image: url(background.jpg);

        border-bottom: solid 3px #D2DDE9;

        margin-bottom: 2px;

        height: 40px;

}



div .item {

        padding-right: 40px;

        float: right;

        display: inline;

}



div.links {

        width:100%;

        position:absolute;

        visibility:hidden;

        margin-left:2px;

        text-align: right;

}

                                

div.item a {

        padding-top: 5px;

        padding-bottom: 5px;

        display:block;

        width:100%;

        color:#ffffff;

        text-decoration:underline;

}



div.links a {

        font-weight: bold;

        padding-top: 5px;

        padding-bottom: 5px;

        display:block;

        width:100%;

        color:#ffffff;

        text-decoration:none;

        background-color:#013370;

}



div.links a:Hover {

        background-color:#00499E;

}



#user,#user_menu {

        margin-right: 10px;

}

                                        

.p {

        padding-right: 10px;

}

                                

#site {

        width: 80%;

        margin-right: 10px;

}

                                

h2 {

        width: 80%;

        font-size: 11pt;

        font-weight: bold;

        color: #003C84;

        text-align: right;

        letter-spacing: 1.8px;

        padding-bottom: 10px;

        border-bottom: 1px solid #EAEAEA;

}



input, textarea {

        font-family: "Trebuchet MS";

        font-size: 14px;

        padding: 2px;

        border: solid 1px #EEEEEE;

}



.msg {

        color:#003C84;

        width: 70%;

        background: #ecf4ff url('./images/msg.gif') center no-repeat;

        background-position: 99% 50%;

        text-align: right;

        padding: 5px 30px 5px 45px;

        font-size: 10pt;

        margin-top: 2px;

        margin-bottom: 2px;

}

תודה לעוזרים מראש. |לב|