ต่อไป »

[leefreedom]

คือผมอยากให้ตัวโลโก้มันห่างจากขอบด้านบน และขอบเมนูอ่ะครับ



นี้โค็ด template_css.css ครับ
http://upload.one2car.com/down...pku=10676429E2GCN5JMDK25K5K7S3 [A3L

[kiraoji]

margin-top:xxxpx;
margin-bottom:xxxpx     




แทรกไว้ใน css ส่วนของ logo

[thai2ads]

อีกตัวเลือก
margin:บน ขวา ล่าง ซ้าย; ก็จะได้ margin:5px 0 5px 0;

[leefreedom]

ที่ท่านทั้งสองแนะมาผลมันเป็นแบบนี้ครับ ด้านบนโอเค แต่ด่านล่าง content ลงไปเยอะมากครับ

[ru]

มีอะไรเกินความกว้างรึเปล่าครับ มันถึงได้ล้นขนาดนั้น

มีลิ้งค์ตัวเว็บจริงรึเปล่าครับ ลองเอามาดูครับ

[leefreedom]

มีอะไรเกินความกว้างรึเปล่าครับ มันถึงได้ล้นขนาดนั้น

มีลิ้งค์ตัวเว็บจริงรึเปล่าครับ ลองเอามาดูครับ

ตอนนี้ผมแก้กลับมาเป็นเมฃหมือนเดิมอยู่ครับ
http://www.satunproduct.com/

[drlovecat]

มันต้องแก้มากกว่า 3 จุดครับ ผมลองแล้วละ..

[leefreedom]

มันต้องแก้มากกว่า 3 จุดครับ ผมลองแล้วละ..

ส่วนไหนบ้างครับ

[mod-heavy-mod]

ตรง logo > margin-top:10px; margin-bottom:10px; ลองดุคับไม่น่าจะแก้เยอะนะ

[drlovecat]

ส่วนแรกที่แก้คือ เส้นสีดำด้านหลัง 5px ครับ ต้องเพิ่ม margin
ส่วนที่2 แบคกราวนด์พื้นหลังส่วนที่ไล่สีนั้น มันกำหนดความกว้างตายตัวไว้ที่ 107px มั้ง คุณต้องเอาค่า padding top ที่เลือกไปหักลบออกจากความสูงภาพ และทีนี้จะมีปัญหาต่อมาคือ พื้นหลังลอย... แก้โดยการใส่สีพื้นหลังตรงนั้น  และ
ส่วนที่3 แผงเมนูมันเป็นชุด.. ต้องดัน padding อีกรอบครับ ถึงจะสอดคล้องกับเส้น 5px ไม่งั้นตัวหนังสือลิงค์จะลอยเหนือพื้นหลัง โดยต้องหักลบค่าความสูง height กับ padding อีกที

ผมส่องและลองแก้ด้วย firebug ตั้งแต่ จขกท ตั้งกระทู้ใหม่ๆแล้วละครับ ยังไม่ว่างแก้ให้ ก็แนะนำประมาณนี้ครับ

[mod-heavy-mod]

ลองแก้แล้วครับ
#s5_topbackground เพิ่ม padding-top:10px

ส่วน logo ผมใช้ position:absolute; top:4px;

แต่ว่ารูปพื้นหลังสีฟ้ามันไม่สูงพอครับ

[bomie]

#s5_background  ตัวนี้เพิ่มเข้าไป

background ไปทำความสูงมาใหม่
ิbackground search ไปทำความกว้างมาใหม่

#s5_topbackground {
  margin: 0 auto;
  width: 926px;
  height: 127px;   <---- แก้เป็น 127
}
---------------------------------------

#s5_background {
bagkground-image: url("../images/topbackground.jpg");
background-postion: center top;
background-repeat: repeat-x;
}

#s5_topbackground {
  margin: 0 auto;
  width: 926px;
  height: 127px;
}

#s5_topback {
  padding:10px;
}

#s5_topleftbottom {
  margin-top:83px;
  postion: absolute;
}

#s5_search {
  -moz-background-clip: border;
  -moz-background-origin: padding;
  -moz-background-size: auto auto;
  background-attachment: scroll;
  background-color: transparent;
  background-image: url("../images/search.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  float: right;
  font-size: 11px;
  height: 28px;
  margin-top: 12px;
  padding-left: 60px;
  padding-top: 2px;
  width: 266px;
}

[leefreedom]

ตอนนี้ได้ล่ะครับ
ที่ผมทำคือ

#s5_topbackbottombar{
   margin-top:-20px; (ค่า - ผมไม่แน่ใจว่าเค้าใช้กันรึป่าวครับ แต่พอใช้แล้วมันลงตัว อิอิ)
   height:5px;
   width:100%;
   background:#3F454C;}

#s5_logo {
   position:absolute; top:10px;
   height: 80px;
   width:240px;
   background: url(../images/logo.png) no-repeat top; }

#s5_topbackground {
   padding-top:20px;
   width:100%;
   height:127px;
   background: url(../images/topbackground.jpg) repeat-x top; }

และก็ทำ topbackground.jpg ขนาดใหม่ขึ้นมาครับ แค่นี้ครับ

ขอขอบคุณทุกท่านมากๆครับที่คอยช่วยให้คำแนะนำ