Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ช่วยตอบคำถามเกี่ยว CSS หน่อยได้ไหมครับ คือมันสงสัยมากมาย

ช่วยตอบคำถามเกี่ยว CSS หน่อยได้ไหมครับ คือมันสงสัยมากมาย

เริ่มหัวข้อใหม่

Guest

พอดีตอนเขียนมันออกมารันดูปกตินะภาษาที่ใช้คือ CSS
code

<style type="text/css">
		#navside {
					width:16%;
					text-align:right;
					line-height:15px;
					padding:0px 0px 0 0px;
					margin:5px;
					}
		#navside ul{
					list-style:none;
					}
		#navside ul li a{
						 display:block;
						 padding:0px 3px;
						 text-decoration:none!important;
						 margin:1px;
						 margin-right:0;
						 color:#000000;
						 background:#FFCC00;
						 border-top: 1px solid #000000;
						 border-left: 1px solid #000000;
						 border-right:1px solid #000000;
						 border-bottom:#FFFF00;
						 }
						 
		#navside ul li a:hover{
							color:#333333 !important;
							background:#FFFF66 !important;
							}
	</style>
</head>

<body>
		<div id="navside">
			<ul>
					
					<li><a href="">หน้าแรก</a></li>
					<li><a href="">ห้องพัก</a></li>
					<li><a href="">ห้องประชุม</a></li>
					<li><a href="">กิจกรรม</a></li>
					<li><a href="">รูปภาพ</a></li>
					<li><a href="">วิธีการจอง</a></li>
					<li><a href="">วิธีการชำระเงิน</a></li>
					<li><a href="">ติดต่อเรา</a></li>
			</ul>
		</div>
</body>
</html>

2.พอเอามาใส่ในอีกpageแรกที่ทำเอาไว้ กลายเป็นอย่างนี้

code ก็เขียนcssเช่นกันอ่าครับ

<style type="text/css">
			body{
					background:#FFCC00;
					font-size:12px;
					}
					#wrapper {
								width:750px;
								margin:2px auto 0 auto;
								background:#FFFFFF;
								}
					#header {
								height:230px;
								background:url(pic/newhead.jpg);
								border:3px dotted #FFFFFF;
								position:relative;
								
								}
						#left {
								width:30%;
								float:left;
								
							
								}
						#right {
								width:70%;
								float:right;
								}
						#menu li{
									float:right;
									padding:3px;
									}
									.clearfloat{
									           clear:both;
											   }
										li{
												list-style-type:none;
												padding:5px;
											}
										a{
											text-decoration:none;
											color:#333333;
											font-weight:bold;
											}
										a:hover{
												text-decoration:none;
												color:#FF9900;
												}
						#footer {
								
								background:#FFFF99;
								}
						
								</style>

</head>
<body>
			<div id="wrapper">
				<div id="header"></div>
						<ul id="menu">
							<li><a href="">Contact</a></li>
							<li><a href="">About Us</a></li>
							<li><a href="">Home</a></li>
						</ul>
						<div class="clearfloat"></div>
						<div id="content"><!--body -->
							<div id="left"><!--Zone BOX left -->
								<? include"menu.html" ?>
							</div>
							<div id="right"><!--Zone BOX right-->
							</div>
						</div>
					<div class="clearfloat"></div>
					<div id="footer"><!--ส่วนของด้านท้าย -->
					 	 <? include"foot.php" ?>			 
					</div>
			</div>
</body>
</html>

3.งงมากครับ

Tag : HTML/CSS

Date : 2013-04-25 19:06:19

By : เด็กฝึกหัด

View : 938

Reply : 3

No. 1

Nunabi

โพสกระทู้ ( 237 )
บทความ ( 0 )

ลองดูคับ id class มันชนกันคับ

ลองตรวจสอบดูคับ

Date : 2013-04-25 21:52:29

By : siammbk

No. 2

itpcc

โพสกระทู้ ( 1,569 )
บทความ ( 2 )

เป็นไปได้ว่าอาจมี CSS ตัวอื่นมาเขียนคุณสมบัติทับครับ
ลองตรวจสอบดูครับ อิอิ

Date : 2013-04-25 21:53:13

By : itpcc

No. 3

Guest

ขอบคุณคับผม พอดีลองหัดเขียนCSSดู ไม่ค่อยรุ้เรื่องเท่าไร ขอบคุณสำหรับคำแนะนำนะครับ

Date : 2013-04-27 11:34:31

By : เด็กฝึกหัด

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยตอบคำถามเกี่ยว CSS หน่อยได้ไหมครับ คือมันสงสัยมากมาย

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก