ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: kunnarakkup ที่ 02 ธันวาคม 2014, 08:57:06



หัวข้อ: ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ
เริ่มหัวข้อโดย: kunnarakkup ที่ 02 ธันวาคม 2014, 08:57:06
http://www.sqigroup.com/ เว็บนี้อะครับ

ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ คือทำหร้าแรกมีภาพตรงกลางแล้วมีลิ้งเข้าเว็บอยู่ข้างล่างภาพอะครับ แต่พอย่อแล้วมันขยับขึ้น พอผมเขียน respornsive ให้ลงมาพอ เช่น หน้าจอขนาด641ลงไป ปรับลงมาอยุ่ที่ margintop 38 % พอย่อเว็บมันก็ขยับขึ้นไปอีกอะครับต้องแก้ยังไงเหรอ

respornsive
a .home { margin-top:95% !important; color:red;}

css
    .home { font-size:24px; font-weight:bold; margin-top:44% !important; margin-left:30%; color:red; }
html
<a href="index-1.html"><article class="home">HOME</article></a>



หัวข้อ: Re: ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ
เริ่มหัวข้อโดย: kradanboon ที่ 02 ธันวาคม 2014, 09:09:52
คล้าย ๆ ของเว็บกระทรวง ICT ครับ ลองเข้าไปดูตัวอย่างโค๊ด ของเว็บ www.mict.go.th (http://www.mict.go.th) คงได้ประโยชน์ไม่มากก็น้อยครับ
หรือไม่ก็ ดาว์นโหลด ตัวนี้ไปรองปรับใช้ดูครับ ตัวอย่าง (http://www.thaiseoboard.com/index.php/topic,361023.0.html)


หัวข้อ: Re: ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ
เริ่มหัวข้อโดย: kunnarakkup ที่ 02 ธันวาคม 2014, 09:12:32
คล้าย ๆ ของเว็บกระทรวง ICT ครับ ลองเข้าไปดูตัวอย่างโค๊ด ของเว็บ [url=http://www.mict.go.th]www.mict.go.th[/url] ([url]http://www.mict.go.th[/url]) คงได้ประโยชน์ไม่มากก็น้อยครับ
หรือไม่ก็ ดาว์นโหลด ตัวนี้ไปรองปรับใช้ดูครับ ตัวอย่าง ([url]http://www.thaiseoboard.com/index.php/topic,361023.0.html[/url])


เว็บนี้เข้าใช้รูปอะครับเลยไม่เป็นแบบผมละมั้ง


หัวข้อ: Re: ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ
เริ่มหัวข้อโดย: deadclosed ที่ 02 ธันวาคม 2014, 09:18:28
.home {
font-size: 24px;
font-weight: bold;
margin-left: 30%;
color: #F00;
bottom: 20px;
position: fixed;

}

แบบนี้เปล่า


หัวข้อ: Re: ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ
เริ่มหัวข้อโดย: romance69 ที่ 02 ธันวาคม 2014, 10:02:52
ใช้รูปเป็น เปอร์เซนเอาครับแล้วกำลังตาม คห ด้านบนบอกครับ


หัวข้อ: Re: ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ
เริ่มหัวข้อโดย: kunnarakkup ที่ 02 ธันวาคม 2014, 11:08:13
ขอบคุณครับเปลี่ยนลิ้งค์มาเป็นรูปปรับง่ายขึ้นเยอะเลย


หัวข้อ: Re: ทำ respornsive ยังไงให้ข้อความอยู่กับที่อะครับ
เริ่มหัวข้อโดย: MD.18 ที่ 02 ธันวาคม 2014, 15:02:46
พยายามคิดภาพออกมาเป้นกล่องครับ จะทำให้ทำงานง่ายขึ้นครับ คือต้องคิดออกแบบก่อนจะทำครับว่า ขนาดหน้าจอมือถืออะไรจะอยู่ยังไง พอขนาดหน้าจอใหญ่ขึ้น อะไรจะอยู่ตรงไหนบ้าง พอขนาดหน้าจอใหญ่อย่างจอคอม กล่องที่เป้นตัวจัดเลเอาท์เราควรจะอยู๋ยังไง ต้องคิดวางแผน วาดภาพก่อนจะขึ้นโค๊ดครับ จะได้ไม่เปลืองแรงด้วยครับ

ลองๆวาดรูปในกระดาษก่อนทำครับว่าต้องการเลเอาท์ยังไง

 :wanwan017: