تنسيق عناصر ال UL بواسطة CSS

السلام عليكم ورحمة الله وبركاته ...............

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>


 <style>

		* {
					padding:0;
					margin:0;
		}

		#navLeft {
					width:200px;
		}

		#Menu h1 {

					height:10px;
					padding:5px 5px 10px 5px;
					background:#669966;
					font-size:12px;
					text-align:center;
		}

		#Menu ul {

					font-family:tahoma;
					font-size:12px;
					font-weight: bold;
		}

		#Menu ul li {

					height:30px;
					list-style:none;	

		}

		#Menu ul li a {

					text-decoration:none;
					display: block;
					padding: 5px 5px 5px 10px;
					height:100%;
					background:#E0F1FC;
					color: #000;
		}

		#Menu ul li a:hover {

					background-color: #34138A;
					color: #FFF;
		}



 </style>

 <BODY>

			<div id="navLeft">

					<div id="Menu">
							<h1>Header</h1>
							<UL>
								<LI><A HREF="#">» Item 1</A>
								<LI><A HREF="#">» Item 2</A>
								<LI><A HREF="#">» Item 3</A>
								<LI><A HREF="#">» Item 4</A>
								<LI><A HREF="#">» Item 5</A>
							</UL>
					</div>

					<div id="Menu">
							<h1>Header</h1>
							<UL>
								<LI><A HREF="#">» Item 1</A>
								<LI><A HREF="#">» Item 2</A>
								<LI><A HREF="#">» Item 3</A>
								<LI><A HREF="#">» Item 4</A>
								<LI><A HREF="#">» Item 5</A>
							</UL>
					</div>

			</div>

 </BODY>
</HTML>

في أمان الله ......

تنسيق عناصر ال UL بواسطة CSS

مواضيع مشابهة