.class #svg-object body <class of path in svg> ?
Karl DeSaulniers <mailto:k...@designdrumm.com>
Sunday, July 10, 2016 10:58 PM
if your talking about styling the contents of the object tag, you
would have include the body tag of the object tag kind of like an iframe.
.styleclass #svgobj body .childelementclass #childelement
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Crest Christopher <mailto:crestchristop...@gmail.com>
Sunday, July 10, 2016 10:52 PM
You could stylize the classes within the SVG individually as well ?
Karl DeSaulniers <mailto:k...@designdrumm.com>
Sunday, July 10, 2016 10:50 PM
Crest,
I was successful at styling your svg (that isn't loading btw).
Firstly, Your using display inline on everything. When you use
display:inline, width and height do not get computed correctly.
so your object is collapsing to 0px. change to inline-block
Secondly, you have visibility: hidden on the container element. You
wont see any styling if this is set.
I am not going to share my code since you said you wanted to do this
yourself,
but I can tell you for certain your svg object can be styled.
GL!
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Chris Williams <mailto:ch...@clwill.com>
Sunday, July 10, 2016 2:35 PM
It's not clear to me exactly what the question is.
Can you style SVG inside divs on a page? Yes, I've done it frequently.
How? Simple, and like every other CSS case: use a debugger (Chrome,
FF, IE) and look at the object structure, figure out the hierarchy you
want/need and go for it.
Do I have to use jQuery? No. If you want to get fancy, you might have
to use JavaScript, but that doesn't mean you have to use jQuery (and
all it's weight). The JS isn't that complex.
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Crest Christopher <mailto:crestchristop...@gmail.com>
Sunday, July 10, 2016 11:06 AM
Any more suggestions, it's pretty common question but I want to do it,
hopefully, with strictly CSS; every site I find related to the subject
either explains a jQuery solution or it's clear, or not clear at all
on a solution, as I'll be using this, if I can find, solution quite often.
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
