Springen naar inhoud


- - - - -

Vraagje ivm breadcrumbs


  • Log in a.u.b. om te beantwoorden
Er zijn 5 reacties in dit onderwerp

#1 Makke

Makke

    Rookie Developer

  • Leden
  • Pip
  • 34 berichten
    Laatst bezocht 01 jul 2010 09:54

Geplaatst op 03 maart 2010 - 11:39

Hoi,

Ik heb een vraagje ivm breadcrumbs. Ik heb mijn menu opgebouwd mbv een sitemap. Diezelfde sitemap gebruik ik ook voor mijn breadcrumbs. Het probleem is dat ik in die breadcrumbs een link zou willen verwijderen. Even verduidelijken met een voorbeeld:

Mijn menu:

Citeren

- Hoofdmenu
   -> menu item
   -> menu item

Breadcrumbs:

Home > Hoofdmenu > menu item

In mijn menu is 'Hoofdmenu' gewoon tekst, dat is dus perfect. Nu, bij mijn breadcrumbs is 'Home' een link die naar de homepagina leidt, dat werkt dus ook. 'Hoofdmenu' echter ziet er niet uit als een link, maar als ik er met mijn cursus over ga, dan veranderd 'Hoofdmenu' van kleur en wordt het onderlijnd, net zoals dat bij een link het geval is. Hij verwijst ook naar geen pagina, ik krijg ook geen 'handje' maar de edit-cursor.

Mijn vraag is dus hoe ik bij 'Hoofdmenu' er voor zorg dat dat gewoon tekst is, dus als ik daar over ga, dat die tekstkleur en dergelijke niet aangepast wordt.


Alvast bedankt!

#2 Vozzie

Vozzie

    Moderator

  • Leden
  • PipPipPipPipPipPipPip
  • 1855 berichten
    Laatst bezocht 12 jul 2017 13:15
Inzender

Geplaatst op 03 maart 2010 - 11:50

Hallo,

Gebruik maken van een style(inline style, stylesheet,...).

Code:
<style>
a:focus, a:active, a:hover, a:link, a:visited { 
	color: black;
	cursor:hand;
	text-decoration:none;
}
</style>

Groeten

#3 Makke

Makke

    Rookie Developer

  • Leden
  • Pip
  • 34 berichten
    Laatst bezocht 01 jul 2010 09:54

Geplaatst op 03 maart 2010 - 12:20

Vozzie zei:

Hallo,

Gebruik maken van een style(inline style, stylesheet,...).

Code:
<style>
a:focus, a:active, a:hover, a:link, a:visited { 
	color: black;
	cursor:hand;
	text-decoration:none;
}
</style>

Groeten

CSS is geen optie. Aangezien sommige dingen wel gelinkt moeten blijven.

Misschien moet ik het nog meer verduidelijken.

Hoofdmenu1
    -> menuitem1
    -> menuitem2
    -> menuitem3


Hoofdmenu2
    -> menuitem4
    -> menuitem5
    -> menuitem6

=> Hoofdmenu1 en Hoofdmenu2 zijn geen link, dat zijn een soort van menuhoofden. De menuitems zijn allemaal links.

Bij de breadcrumbs heb ik bijvoorbeeld dit:


Home > Hoofdmenu2 > menuitem5

Home is een link en dat mag, als je daar op klikt ga je terug naar de homepagina. Hoofdmenu is geen link, aangezien daar geen pagina voor is (in het menu is dat ook geen link). Het heeft een witte tekstkleur zoals alle tekst (een link is blauw). Als ik over 'Hoofdmenu2' ga met mijn cursus krijg ik zo'n textselectie-cursus (wat dus juist is) maar 'Hoofdmenu' krijgt een nieuwe fontcolor en wordt onderlijnd zoals ook bij een link het geval is, en dat mag niet.

Voor de breadcrumbs maak ik ASP.Net gebruik van 'SiteMapPath'.

#4 Vozzie

Vozzie

    Moderator

  • Leden
  • PipPipPipPipPipPipPip
  • 1855 berichten
    Laatst bezocht 12 jul 2017 13:15
Inzender

Geplaatst op 03 maart 2010 - 12:46

Hallo,

update: deze tutorial kan je misschien helpen, http://aspnet.4guysf...s/030806-1.aspx

En waarom is CSS geen optie? Je kan toch meerdere styles voorzien,...

Code:
<style>
a.foo:focus, a.foo:active, a.foo:hover, a.foo:link, a.foo:visited { 
	color: black;
	cursor:hand;
	text-decoration:none;
}
a.bar:focus, a.bar:active, a.bar:hover, a.bar:link, a.bar:visited { 
	color: green;
	cursor:hand;
	text-decoration:underline;
}
</style>
<a class="foo" href="http://www.vbib.be">vozzie</a>
</br>
<a class="bar" href="http://www.vbib.be">vozzie</a>


Groeten

#5 Makke

Makke

    Rookie Developer

  • Leden
  • Pip
  • 34 berichten
    Laatst bezocht 01 jul 2010 09:54

Geplaatst op 03 maart 2010 - 13:25

Vozzie zei:

En waarom is CSS geen optie? Je kan toch meerdere styles voorzien,...

Dat is waar, maar dat is in mijn geval geen optie om de volgende reden:

Visual Basic Code:
	  <div id="breadcrumb">
			  <asp:SiteMapPath ID="SiteMapPath1" runat="server">
			</asp:SiteMapPath>
		</div>


Ik kan dus geen meerdere styles voorzien. Die breadcrumbs worden uit mijn sitemap gehaald, net als mijn menu.

#6 Yannou

Yannou

    VBIB Godfather

  • Leden
  • PipPipPipPipPipPipPipPip
  • 2465 berichten
    Laatst bezocht 24 apr 2020 19:41
  • Locatiehttp://www.fablab-brussels.be

Geplaatst op 20 maart 2010 - 15:37

Waarom kan je niet zelf de String met breadcrumbs opstellen, en enkel de gewenste onderdelen onderlijnen door ze binnen een hyperlink te zetten? Je kan het gedrag van die links dan nog steeds sturen met CSS, maar de rest van de String zal gewoon statisch blijven. En dat is toch wat je bedoelt, is het niet?




0 gebruiker(s) lezen dit onderwerp

0 lid(leden), 0 bezoeker(s), 0 anonieme gebruikers

Inloggen


Untitled 1

Met dank aan J├╝rgen voor de jarenlange inzet van visualbasic.be (anno dec 2000)
Met dank aan Mike en Ronneke voor de jarenlange inzet van vbib.be (anno dec 2010)
Met dank aan PascalBianca voor de jarenlange inzet van vbib.be (anno dec 2016)