The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Referencing elements inside svg only css

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #300206

    Hi there,
    I’m very new to al this and learning from websites as this one.
    I have a svgTree with almost hundred leafs. There’s a black leaf and on top of that a green leaf.
    The leafs represents goals to achieve. When not finished they have the black colour and green when finished.
    The idea is that when hovering/touch a leaf a tooltip appears under the tree with some formatted text in it that is linked to that leaf.
    On clicking a page should open with the full document linked to that leaf.

    I only seem to get text appearing when inside a element and inside the svg.
    I would like te keep the text outside the svg and NOT use javascript/jquerry if possible because eventually this should come into a Joomla site.

    I hope somebody finds this a challenge and will enlighten me how to proceed.
    I have a codepen where the svg is simplified to 3 leafs.

    Thanks for reading,
    Guy Forssman

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.