标题菜单从右到左
我在 Photoshop 中制作了一个网站标题，但在导航时遇到问题。我希望启动菜单 从右边说点（940 px）。我的菜单应该从右向左增长，并且不能超过某个点，在我的 图像中的点就是点（251 px）。我有一些基本的 css，但我需要帮助才能从这里继续。
<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>
I have made a website header in photoshop and i am having a problem making the navigation work.I want my menu to start
from the right say point(940 px).My menus should grow from right to left and mustn't go past a certain point,in my
image that point is point (251 px).I have some basic css but i need help to proceed from 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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）