Support » Code oplossingen gezocht » Breadcrumbs in HTML toevoegen

  • Ik wil graag breadcrumbs toevoegen op mijn HTML website voor webdesign.

    Ik ben al veel informatie tegengekomen o.a. van Google zelf, maar het valt lastig te implementeren met een responsive website zoals die van mij. Het levert allerlei fouten op die niet wenselijk zijn. Dit is de reden dat ik de breadcrumbs dan ook snel heb weggehaald van mijn website.

    Iemand een suggestie?

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Thread starter Webdesign Stunter

    (@webdesign_stunter)

    Bedankt voor het meedenken Geoclaps!

    Alleen in mijn responsive webdesign krijg ik op mobiel en tablet rare verschuivingen te zien in mijn website als ik breadcrumbs toepas, enig idee wat dat kan zijn?

    Je gebruikt nu een responsive grid. Je dient de breadcrumbs in je css te stylen in de betreffende gedeelten. Zodra je scherm smaller wordt zoals bij een smartphone of tablet dient je stylesheet te weten wat het met bepaalde elementen, en in dit specifieke geval ook je breadcrumbs, moet doen.

    Je hebt je breadcrumbs nu uitgezet dus kan nu niet zien wat ie doet wanneer je gaat schalen.

    Thread starter Webdesign Stunter

    (@webdesign_stunter)

    Super Geoclaps!

    Inderdaad heb ik de breadcrumbs uitgezet omdat mijn website er niet meer uitzag op de mobiele telefoon. Van alles zitten proberen maar niets hielp. Zo logisch als wat om dit in CSS te plaatsen, echter je moet er maar even opkomen 🙂

    Zodra ik de breadcrumbs weer op mijn website heb staan zal ik het je even laten weten!

    Groet,
    Webdesign Stunter

    Thread starter Webdesign Stunter

    (@webdesign_stunter)

    Beste Ruurd,

    Ik heb de breadcrumbs nu toegepast op de homepage.

    Echt mooi ziet het er niet uit, heb jij enig idee hoe ik de broncode kan wijzigen zodat het breadcrumb pad en de reviews onzichtbaar worden?

    Thread starter Webdesign Stunter

    (@webdesign_stunter)

    Ik snap dat breadcrumbs in HTML niet mooi te krijgen zijn, of is er eventueel toch een mogelijkheid om breadcrumbs op hidden te zetten?

    Kan door middel van inline css. Echter zou ik er <div> elementen met classes omheen zetten en die stylen via css. Dan kun je die wel degelijk netjes krijgen.

    Onderstaand de inline css aanpassing:

    Maak van:

    <div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">

    Dit:

    <div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate" style="display:none;">

    en van:

    <p><span itemscope="" itemtyp....

    Dit:

    <p style="display:none"><span itemscope="" itemtyp....

    Thread starter Webdesign Stunter

    (@webdesign_stunter)

    Perfect Ruurd 🙂

    Dit is de oplossing van mijn probleem! 1000x dank!

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Breadcrumbs in HTML toevoegen’ is gesloten voor nieuwe reacties.