ต่อไป »

[quick]

อยากให้แสดงผลออกมาเป็นBreadcrumb(link navigator) ต้องมีขั้นตอนอย่างอื่นเพิ่มไหมครับ
ผมเข้าใจว่าแค่เขียนแค่textlink แล้วก็ใช้เครื่องหมาย > ตามด้วยเมนูย่อยไปเรื่อยๆอยางเช่น
หน้าร้าน > ขนมไทย > ฝอยทอง
หน้าร้าน > ขนมไทย > ทอยหยด
หน้าร้าน > ขนมเทศ > เค้ก
แต่เวลาsearchไม่เห็นมันโชว์เป็นlinkเลยครับ ไม่ทราบมันต้องประกาศอะไรเพิ่มไหมครับ
ขอบคุณครับ

[Gunitrend]

ตัวอย่างนะครับ อันนี้เป็นของ Data-Vocabulary หรือจะลอง Schema ก็ได้ครับ

โค๊ด:

<ol class="breadcrumb">
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <a href="http://www.example.com/" itemprop="url">
            <span itemprop="title">Example.com</span>
        </a>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <a href="http://www.example.com/news" itemprop="url">
            <span itemprop="title">News</span>
        </a>
    </li>  
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <a href="http://www.example.com/news/news-story.1" itemprop="url">
            <span itemprop="title">News Story 1</span>
        </a>
    </li>
</ol>

[quick]

ถ้าผมเขียนอย่างนี้อยู่ผิดใช่ไหมครับ(ตอนนี้กำลังสงสัยว่าผิดหรือว่าต้องรอggจัดระเบียบอะไรก่อนหรือเปล่า เว็บเพิ่มเดือนเดียว)

<div id="page-navigation"><a href="/">หน้าแรก</a> &gt; <a href="/product.html">สินค้า</a> &gt; <a  href="/product/food/">food</a> &gt; ขนม </div>


ในcssผมเขียนแค่นี้ครับ
#page-navigation {
   background:#D8E5F8;
   border-top:2px solid #629DE3;*/
   font-size: 14px;
   text-decoration: none;   
   color:#666;
   text-align:right;
   padding:5px;
}

กำลังสงสัยว่ามันต้องใช้tagอะไรเป็นพิเศษหรือเปล่า

[Gunitrend]

ถ้าผมเขียนอย่างนี้อยู่ผิดใช่ไหมครับ(ตอนนี้กำลังสงสัยว่าผิดหรือว่าต้องรอggจัดระเบียบอะไรก่อนหรือเปล่า เว็บเพิ่มเดือนเดียว)

<div id="page-navigation"><a href="/">หน้าแรก</a> &gt; <a href="/product.html">สินค้า</a> &gt; <a  href="/product/food/">food</a> &gt; ขนม </div>


ในcssผมเขียนแค่นี้ครับ
#page-navigation {
   background:#D8E5F8;
   border-top:2px solid #629DE3;*/
   font-size: 14px;
   text-decoration: none;   
   color:#666;
   text-align:right;
   padding:5px;
}

กำลังสงสัยว่ามันต้องใช้tagอะไรเป็นพิเศษหรือเปล่า

ใช้สิครับดูดีๆ

itemscope itemtype="http://data-vocabulary.org/Breadcrumb " <<< คลุมในส่วนอิลิเม้นนอก
itemprop="url" ในส่วนของ url
itemprop="title" ใส่ส่วนของ title

[quick]

เดี๋ยวลองไปทำดูครับ ถึงว่าทำไมggไม่ยอมแสดงผล
พอดีเพิ่งหัดเขียนพวกcssด้วยครับ ยังงงๆอยู่
 

[iC1assicTh]

ขอถามต่อยอดหน่อยครับ โค๊ดตาม #1
ใส่ในส่วนไหนครับ แล้วต้องทำ CSS ให้มันด้วยมั้ยครับ
ถามแค่นี้ เดียวส่วนอื่นๆผมไปทำความเข้าใจเอง ขอบคุณครับ

พอดีเห็นบ่อยๆ แต่พึงรู้ว่าทำได้ - -* น่าสนใจดีครับ

[Gunitrend]

ขอถามต่อยอดหน่อยครับ โค๊ดตาม #1
ใส่ในส่วนไหนครับ แล้วต้องทำ CSS ให้มันด้วยมั้ยครับ
ถามแค่นี้ เดียวส่วนอื่นๆผมไปทำความเข้าใจเอง ขอบคุณครับ

พอดีเห็นบ่อยๆ แต่พึงรู้ว่าทำได้ - -* น่าสนใจดีครับ

ใส่ในส่วน Breadcrumb ครับ คือใส่วนเมนูที่บอกว่าตอนนี้เราอยู่หน้าไหนส่วน css ตามใจเราเลยใส่ tag html ให้ถูกต้องแค่นั้น

[quick]

ตอนแรกผมsearchด้วยคำว่า skip naviagtion
เว็บอันดับ1ก็แสดงผลเป็น Breadcrumbเลย  เว็บนี้http://webaim.org/techniques/skipnav/
ลองดูsource codeเค้าก็ไม่เห็นมีอะไรซับซ้อน
แค่ทำlinkแล้วก็ใส่ > แต่ของผมไหงมันไม่เป็นหว่า

จะกลับไปแก้ของเก่าก็ทำมา200กว่าหน้าแล้ว แก้คงงานใหญ่