Previous Message
Next Message

Style Object tag svg

Sent by Crest Christopher on 12 July 2016 00:12


.class #svg-object body <class of path in svg> ?

> Karl DeSaulniers [EMAIL-REMOVED]>
> 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 [EMAIL-REMOVED]]
> 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 [EMAIL-REMOVED]>
> Sunday, July 10, 2016 10:52 PM
> You could stylize the classes within the SVG individually as well ?
>
>
> Karl DeSaulniers [EMAIL-REMOVED]>
> 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 [EMAIL-REMOVED]]
> 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 [EMAIL-REMOVED]>
> 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 [EMAIL-REMOVED]]
> 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 [EMAIL-REMOVED]>
> 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 [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: