แก้ css เมนูให้อยู่ตรงกลาง ทำไงครับ ช่วยหน่อย

เริ่มโดย webdevils, 22 พฤษภาคม 2008, 12:16:41

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

webdevils

เมนูhttp://www.engineerdir.com/preview.html  อยากให้มันอยู่กึงกลางหน้านะครับ ผมพยายามลองใส่ text-align:center; เข้าไปหลายที่แล้วก้ไมเห็นเมนูมันจะมาอยู่ตรงกลางสักกะที  :'( 

ตัวเมนู http://www.engineerdir.com/menu.rar
[direct=https://my.hawkhost.com/aff.php?aff=15523]hawkhost 10GB ปีละ 800 บาท[/direct]

webdevils

[direct=https://my.hawkhost.com/aff.php?aff=15523]hawkhost 10GB ปีละ 800 บาท[/direct]

EThaiZone

ผมถนัด css + seo อะน่ะ (เล่น div หมดเลย)

ปกติจะใช้คำสั่งนี้ครับ
margin-left:auto;
margin-right:auto;

แล้วมันจะอยู่ตรงกลางครับ แต่ไม่รู้ใช้กับ table ได้ไหม

ปล. สมัยก่อนที่ผมใช้ table ผมจะทำ table ซ้อน แล้วกำหนด td อยู่ตรงกลาง  :P

004275

อย่างนี้ได้ไหมคับ

<center>

<table>
.....
</table>

</center>

ไม่รู้จะได้ไหม

SEO

ง่ายสุดและ

<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="Home.html"><span>Home</span></a></li>
<li><a href="Products.html"><span>Products</span></a></li>
<li><a href="Services.html"><span>Services</span></a></li>
<li><a href="Support.html"><span>Support</span></a></li>
<li><a href="Order.html"><span>Order</span></a></li>
<li><a href="News.html"><span>News</span></a></li>

<li><a href="About.html"><span>About</span></a></li>

</ul>

</td>
  </tr>
</table>
[Street Savage][direct=https://www.it-smile.com/providing-website-wordpress/]รับทำเว็บไซต์ ออกแบบเว็บไซต์[/direct]  [direct=https://www.tpeengineering.com/]ผลิตตู้คอนโทรล ตู้ไฟ ตู้ MDB ตู้ควบคุมไฟฟ้า[/direct]  [direct=https://sangkhoprakrueng.com/]สังโฆ พระเครื่อง มีใบรับรอง[/direct] [direct=https://www.naytipongengineering.com/]สร้างเครื่องจักรในอุตสาหกรรมอาหาร[/direct]
[direct=http://srisawatinter.com/]รับเหมาก่อสร้าง ครบวงจร[/direct]

ball6847

จะให้ตรง tab มาอยู่กลางหน้าใช่ป่ะคับ
เท่าที่ผมเปิดดู source นะ

ใส่ css นี้ให้ <ul>

width:550px;
margin: 0 auto;


ประมาณนี้แหละคับ ตรง width ต้องวัดดูอีกทีครับ แต่จำเป็นครับ ถ้าไม่ใส่ width มันไม่กลางให้ครับ
We use Ubuntu.

[direct=http://ng-seo.sourcelab.xyz/]AngularJS SEO Experimental[/direct]

thenetxx

แก้ css ตามนี้คับ


#tabs1 ul {
list-style-image:none;
margin:auto;
margin-left:auto;
width:500px;
}
Develop site but can't develop life
ASIA

เรารักนายนะน้องฟี่

อ้างถึงจาก: EThaiZone ใน 22 พฤษภาคม 2008, 12:44:41
ผมถนัด css + seo อะน่ะ (เล่น div หมดเลย)

ปกติจะใช้คำสั่งนี้ครับ
margin-left:auto;
margin-right:auto;

แล้วมันจะอยู่ตรงกลางครับ แต่ไม่รู้ใช้กับ table ได้ไหม

ปล. สมัยก่อนที่ผมใช้ table ผมจะทำ table ซ้อน แล้วกำหนด td อยู่ตรงกลาง  :P

margin-left:auto;
margin-right:auto;

ขอบคุณครับได้ความรู้เพิ่ม   แต่ก่อนผม กำหนด ให้ margin-left: xxx px;

แล้วดูว่ามันอยู่ตรงกลางมั้ย ถ้าไม่อยู่ตรงกลาง  ก็เพิ่มหรือลด ระยะห่างหน่อย  :P

บ้านนอกสุดๆ คงต้อง ศึกษา css ให้ล้ำลึกกว่านี้หน่อยละผม  :'( ต่ำต้อยวิชายิ่งนัก

webdevils

 ผมเขียนcssไม่เป็นเลย ก็มั่วๆไป :P ขอบคุณครับ  :-[
[direct=https://my.hawkhost.com/aff.php?aff=15523]hawkhost 10GB ปีละ 800 บาท[/direct]

thenetxx


list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:auto;
width:500px;

ยังงี้ใกล้เคียงของเดิมก่ามั้ง :)
Develop site but can't develop life
ASIA

ก้ามปู

ปกติผมชอบเล่นดิบๆ แบบนี้เลย  ;D



<div align="center">

............
</div>

ตอนนี้ผมไม่ค่อยว่างตอบอะไรใครนะครับ เพราะไม่ได้เข้าบอร์ดเลย

EThaiZone

อ้างถึงจาก: ก้ามปู ใน 22 พฤษภาคม 2008, 13:42:04
ปกติผมชอบเล่นดิบๆ แบบนี้เลย  ;D



<div align="center">

............
</div>



วิธีนี้ไม่เหมาะึครับ จำได้ว่าไม่รองรับ FF มั้ง (บน FF  text จะอยู่ตรงกลาง แต่ div ถ้ามีซ้อนจะไม่ตรงกลาง)

css จะยากกว่า ถ้าต้องทำให้รับทั้ง IE และ FF

:P

ball6847

hack แหลก IE มีปัญหาตรงไหนใส่ _ ดักหน้าหมด
We use Ubuntu.

[direct=http://ng-seo.sourcelab.xyz/]AngularJS SEO Experimental[/direct]