السلام عليكم ورحمة الله وبركاته
عايز اعمل منييو افقية بنقس الشكل ده
حد يقدر يساعدني وانا شغال في html and css في برنامج ال dreamwaver
مشكلة في عمل المشروع
السلام عليكم
الطريقة هي عرض لائحة ul بشكل أفقي (تم التجريب على FF، قد تحتاج بعض التعديل لتتوافق مع IE)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title here</title>
<style type="text/css">
body {font: 12px Arial; margin:0; padding:0;}
#header {height: 200px; background-color: #BEBEBE; }
ul {list-style:none; margin:0; padding:0;}
ul li a{
float:left; padding: 10px 15px; background:#D26195 url(bg.jpeg) repeat-x;
color:white; font-weight:bold; text-decoration:none;
}
ul li a:hover, a.active {color:yellow; background-image:none;}
</style>
</head>
<body>
<div id="header"></div>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Contact</a></li>
</ul>
</body>
</html>تم تعديل هذه المشاركة بواسطة choclatboy في 10 أبريل 2011 في 08:12