ต่อไป »

[narupot]

http://phosri.ac.th/

ใครเซียนช่วยแนะนำหน่อย ลองทำแล้วแต่ว่ามันดันไปข้างขวาหมด ช่วยๆนะ 

[dead13th]

จะช่วยน่าจะต้อง แก้ css ของ เทมเพลทครับ แนะนำให้ ลองเข้าเทมเพลท -> และ้วเปิด filrbug แล้ลองค่อยๆแก้ ดูครับ น่าจะไม่ยากอย่างใด

[KonGanG]

แบบนี้ป่าวครับที่ต้องการ


โทดทีครับเข้าใจผิดนึกว่าจะขยาย

[KonGanG]

[rujirot]

แก้ได้ในเมเพลตเลย บางเทมเพลตจะมี ช่อง width กำหนดเลขได้เลย  แต่ถ้าไม่มีก็ แก้โค็ต css เอา

[narupot]

แก้ได้ในเมเพลตเลย บางเทมเพลตจะมี ช่อง width กำหนดเลขได้เลย  แต่ถ้าไม่มีก็ แก้โค็ต css เอา

แก้ที่ css มันจะขยับไปข้างขวาหมดเลยอ่ะครับ

[nanoman]

ไปแก้ในไฟล์ styles.css ของเทมเพลทครับ
หา #header แล้วปรับขนาดความกว้างและสูงตามต้องการครับ... 

โค๊ด:

#header {
  background-color:#339900;
  height:108px;
  margin:0 auto;
  position:relative;
  width:980px;
}

[nanoman]

ไปแก้ในไฟล์ styles.css ของเทมเพลทครับ
หา #header แล้วปรับขนาดความกว้างและสูงตามต้องการครับ... 

โค๊ด:

#header {
  background-color:#339900;
  height:108px;
  margin:0 auto;
  position:relative;
  width:980px;
}

โทษทีครับตอบเร็วไปหน่อย... ลองปรับแก้ไขในส่วนของ #main เป็นตามนี้ก่อนครับ...

โค๊ด:

#main {
  left:0;
  margin:0 auto;
  position:fixed;
  right:0;
}

จากนั้นค่อยแก้ไขขนาดความกว้างในส่วนของ #header ตามต้องการ

โค๊ด:

#header {
  background-color:#339900;
  height:108px;
  margin:0 auto;
  position:relative;
  width:1000px;
}

 

[narupot]

ไปแก้ในไฟล์ styles.css ของเทมเพลทครับ
หา #header แล้วปรับขนาดความกว้างและสูงตามต้องการครับ... 

โค๊ด:

#header {
  background-color:#339900;
  height:108px;
  margin:0 auto;
  position:relative;
  width:980px;
}

โทษทีครับตอบเร็วไปหน่อย... ลองปรับแก้ไขในส่วนของ #main เป็นตามนี้ก่อนครับ...

โค๊ด:

#main {
  left:0;
  margin:0 auto;
  position:fixed;
  right:0;
}

จากนั้นค่อยแก้ไขขนาดความกว้างในส่วนของ #header ตามต้องการ

โค๊ด:

#header {
  background-color:#339900;
  height:108px;
  margin:0 auto;
  position:relative;
  width:1000px;
}

 

ขอบคุณมากครับ รอตั้งนาน กว่าจะมีเซียน มาตอบ +1 ไปแล้วนะครับ ขอบคุณมาก

[narupot]

ผมลองดูแล้วครับ แต่มันไปข้างขวาหมดอยู่ดี มันไม่เต็มครับ ด้านซ้ายว่างเรย

[nanoman]

ผมลองแก้ไขตามนี้ใน firebug ได้อยู่นะครับ.. คงจะติดอยู่ที่ใดที่หนึ่งที่คิดไม่ถึง..   

โค๊ด:

#main {
  left:0;
  margin:0;
  position:fixed;
  right:0;
}

[narupot]

ของผมมันเป็นแบบนี้ ช่วยแก้ทีนะครับ ปวดหัวจัง คิดไม่ออกแล้ว

[superjak]

1500 pxl 

ถ้าจะเอายาวขนาดนั้น กำหนดเป็น width: 100%; เหอะ
แล้ว ผมเห็นคอนเทนเนอร์ ของเว็บคุณมันแค่ ประมาณ 980px

[chlorophill]

ในไฟล์ styles.css

โค๊ด:

.shadow {background:url(../images/shadow.png) repeat-y 50% transparent; margin: 0 auto; width: 995px;}
.shadow { width: 1500px; } // (เพิ่มบรรทัดนี้) แก้ขนาดตัวครอบเป็น 1500px

#header {
  background-color:#339900;
  height:108px;
  margin:0 auto;
  position:relative;
  width:980px;
}
#header { width: 1500px; } // (เพิ่มบรรทัดนี้) แก้ขนาด header เป็น 1500px

.logo { position:absolute; left:0px; right:0px; color:#fff; top: 0px;background:url(../images/logo.png);}
.logo { left: 260px; } // (เพิ่มบรรทัดนี้) เอา logo มาไว้ที่เดิม

ที่เพิ่มไว้บรรทัดข้างล่าง ไม่ไปแก้ตรงๆ เพราะเวลามีปัญหาจะได้ลบบรรทัดที่เพิ่มเข้ามาได้ง่ายๆครับ
ลองดูครับ

[ยิ้มโค้ด.คอม]

เทพ CSS ออกมาเพียบ ขอมาเก็บข้อมูลครับ

[mod-heavy-mod]

#header เปลียนจาก width: 980px เป็น width: 100%;
.shadow เปลี่ยนเป็น width: 100%;

ครับ ลองดู

[narupot]

#header เปลียนจาก width: 980px เป็น width: 100%;
.shadow เปลี่ยนเป็น width: 100%;

ครับ ลองดู

ขอบคุณมากครับ ได้ละครับ แจ่มๆ +Thank ครับ ทุกท่านเลย

[narupot]

เหลือตรงเมนู ครับ

[mod-heavy-mod]

คุณสามารถย้าย <div id="navr"> ไปอยู่ก่อน <div id="wrapper"> ได้ป่าวครับ เพราะมันโดน <div id="wrapper"> คลุมอยู่ ถ้าปรับ <div id="wrapper"> width เป็น 100% เลย์เอาท์จะพังอะครับ

[9designthai]

เหลือตรงเมนู ครับ

ได้หรือยังครับเนี้ย 

[narupot]

คุณสามารถย้าย <div id="navr"> ไปอยู่ก่อน <div id="wrapper"> ได้ป่าวครับ เพราะมันโดน <div id="wrapper"> คลุมอยู่ ถ้าปรับ <div id="wrapper"> width เป็น 100% เลย์เอาท์จะพังอะครับ

เดียวลองดูครับ

[mod-heavy-mod]

คุณสามารถย้าย <div id="navr"> ไปอยู่ก่อน <div id="wrapper"> ได้ป่าวครับ เพราะมันโดน <div id="wrapper"> คลุมอยู่ ถ้าปรับ <div id="wrapper"> width เป็น 100% เลย์เอาท์จะพังอะครับ

เดียวลองดูครับ

ย้ายไปก็ได้เลยมันจะเต็มพอดี

[hatyaiwebdesign]

ได้แล้วนิครับ

[narupot]

เหลือตรงเมนู ครับ

ได้หรือยังครับเนี้ย 

ได้ครับ แต่ทุกส่วนกระจายกันหมดอ่ะ

[narupot]

เหลือตรงเมนู ครับ

ได้หรือยังครับเนี้ย 

ได้ครับ แต่คอนเทนต์ แยกส่วนกันหมดเลย

[mod-heavy-mod]

เหลือตรงเมนู ครับ

ได้หรือยังครับเนี้ย 

ได้ครับ แต่คอนเทนต์ แยกส่วนกันหมดเลย

อย่างที่ผมบอกอะครับ ว่าถ้าเราปรับ wrapper เป็น 100% มันจะพัง ถ้าเราเอา nav-menu ไปไว้ก่อน wrapper ได้จะง่ายเลยครับ

[solutioncom]

ลองดูหน้าเว็บตอนนี้เหมือนจะเพี้ยนนิดหน่อย ตรงส่วนใต้เมนูรึป่าวครับ

[narupot]

ลองดูหน้าเว็บตอนนี้เหมือนจะเพี้ยนนิดหน่อย ตรงส่วนใต้เมนูรึป่าวครับ

มันเพี้ยนหมดเลยครับ ช่วยแนะนำผมหน่อยนะครับ จนกว่าจะสมบูรณ์ *-*