Question

我在photoshop中创建了一个网站标题，我在导航工作时遇到了问题。我希望我的菜单启动从右边说点（940 px）。我的菜单应该从右到左增长，不得超过某一点，在我的点的图像是点（251像素）。我有一些基本的CSS，但我需要帮助才能从这里开始。

enter image description here

<html>
<head>
<title>Header</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Save for Web Styles (header1.png) -->
<style type="text/css">
<!--

#header {
    position:absolute;
    left:0px;
    top:0px;
    width:940px;
    height:100px;
    left: 50%;
    margin-left: -470px;

}

#fancy_strip {
    position:absolute;
    left:0px;
    top:0px;
    width:940px;
    height:11px;
}

#logo {
    position:absolute;
    left:0px;
    top:11px;
    width:251px;
    height:89px;
}
#navigation {
    position:absolute;
    left:250px;
    top:37px;
    width:689px;
    height:33px;
}
-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (header1.png) -->
<div id="header">
    <div id="fancy_strip">
        <img src="images/header1_01.gif" width="940" height="11" alt="">
    </div>
    <div id="logo">
        <img src="images/header1_02.gif" width="192" height="89" alt="">
    </div>

    <div id="navigation">
    Home / Products / Services
     </div>

</div>
<!-- End Save for Web Slices -->
</body>
</html>

Answer 1

#navigation { text-align: right; } for starters

标题菜单从右到左

1 个答案: