Avoid cutting the correct file - it must follow
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
It's the case that my svg does not follow down or to the side if my code has a greater value than stated.
As you can see in the picture here, it's color color like stop at the maximum limit of the file.
How would I like it to do, for example, to follow it where it ends?
Here, as I show in the picture, it should look when it is.
html code:
<svg viewBox="0 0 (200*100+1%) (250*100+1%)" width="200" height="250">
<rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect>
<rect x="15" y="120" width="140" height="125" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect>
</svg>
It must also follow if the green color goes to the side. It should in no way like just cut the rect area of the specified color.
Is it something with viewport or how? The specified values for height and length are based on a code that I have in my java file.
css svg
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
add a comment |
It's the case that my svg does not follow down or to the side if my code has a greater value than stated.
As you can see in the picture here, it's color color like stop at the maximum limit of the file.
How would I like it to do, for example, to follow it where it ends?
Here, as I show in the picture, it should look when it is.
html code:
<svg viewBox="0 0 (200*100+1%) (250*100+1%)" width="200" height="250">
<rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect>
<rect x="15" y="120" width="140" height="125" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect>
</svg>
It must also follow if the green color goes to the side. It should in no way like just cut the rect area of the specified color.
Is it something with viewport or how? The specified values for height and length are based on a code that I have in my java file.
css svg
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
It is to do with either viewbox or the height of the actual svg tag so because 170+125 (height of inner elements) is greater than 250 (height of svg)
– Patrick Sturm
Nov 24 '18 at 3:12
A very simple solution would be usingsvg{overflow:visible;}in your CSS. Also: theviewBoxvalue is not valid. If you need to do something line this you need to do it in Javascript.
– enxaneta
Nov 24 '18 at 8:22
@PatrickSturm what u mean? @enxaneta u mean:<svg width="200" height="250" style="overflow:scroll;"><rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect><rect x="15" y="120" width="140" height="325" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect></svg>
– J. Petersen
Nov 24 '18 at 14:36
add a comment |
It's the case that my svg does not follow down or to the side if my code has a greater value than stated.
As you can see in the picture here, it's color color like stop at the maximum limit of the file.
How would I like it to do, for example, to follow it where it ends?
Here, as I show in the picture, it should look when it is.
html code:
<svg viewBox="0 0 (200*100+1%) (250*100+1%)" width="200" height="250">
<rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect>
<rect x="15" y="120" width="140" height="125" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect>
</svg>
It must also follow if the green color goes to the side. It should in no way like just cut the rect area of the specified color.
Is it something with viewport or how? The specified values for height and length are based on a code that I have in my java file.
css svg
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
It's the case that my svg does not follow down or to the side if my code has a greater value than stated.
As you can see in the picture here, it's color color like stop at the maximum limit of the file.
How would I like it to do, for example, to follow it where it ends?
Here, as I show in the picture, it should look when it is.
html code:
<svg viewBox="0 0 (200*100+1%) (250*100+1%)" width="200" height="250">
<rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect>
<rect x="15" y="120" width="140" height="125" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect>
</svg>
It must also follow if the green color goes to the side. It should in no way like just cut the rect area of the specified color.
Is it something with viewport or how? The specified values for height and length are based on a code that I have in my java file.
css svg
css svg
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
asked Nov 24 '18 at 3:05
J. PetersenJ. Petersen
235
235
It is to do with either viewbox or the height of the actual svg tag so because 170+125 (height of inner elements) is greater than 250 (height of svg)
– Patrick Sturm
Nov 24 '18 at 3:12
A very simple solution would be usingsvg{overflow:visible;}in your CSS. Also: theviewBoxvalue is not valid. If you need to do something line this you need to do it in Javascript.
– enxaneta
Nov 24 '18 at 8:22
@PatrickSturm what u mean? @enxaneta u mean:<svg width="200" height="250" style="overflow:scroll;"><rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect><rect x="15" y="120" width="140" height="325" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect></svg>
– J. Petersen
Nov 24 '18 at 14:36
add a comment |
It is to do with either viewbox or the height of the actual svg tag so because 170+125 (height of inner elements) is greater than 250 (height of svg)
– Patrick Sturm
Nov 24 '18 at 3:12
A very simple solution would be usingsvg{overflow:visible;}in your CSS. Also: theviewBoxvalue is not valid. If you need to do something line this you need to do it in Javascript.
– enxaneta
Nov 24 '18 at 8:22
@PatrickSturm what u mean? @enxaneta u mean:<svg width="200" height="250" style="overflow:scroll;"><rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect><rect x="15" y="120" width="140" height="325" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect></svg>
– J. Petersen
Nov 24 '18 at 14:36
It is to do with either viewbox or the height of the actual svg tag so because 170+125 (height of inner elements) is greater than 250 (height of svg)
– Patrick Sturm
Nov 24 '18 at 3:12
It is to do with either viewbox or the height of the actual svg tag so because 170+125 (height of inner elements) is greater than 250 (height of svg)
– Patrick Sturm
Nov 24 '18 at 3:12
A very simple solution would be using
svg{overflow:visible;} in your CSS. Also: the viewBox value is not valid. If you need to do something line this you need to do it in Javascript.– enxaneta
Nov 24 '18 at 8:22
A very simple solution would be using
svg{overflow:visible;} in your CSS. Also: the viewBox value is not valid. If you need to do something line this you need to do it in Javascript.– enxaneta
Nov 24 '18 at 8:22
@PatrickSturm what u mean? @enxaneta u mean:
<svg width="200" height="250" style="overflow:scroll;"><rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect><rect x="15" y="120" width="140" height="325" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect></svg>– J. Petersen
Nov 24 '18 at 14:36
@PatrickSturm what u mean? @enxaneta u mean:
<svg width="200" height="250" style="overflow:scroll;"><rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect><rect x="15" y="120" width="140" height="325" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect></svg>– J. Petersen
Nov 24 '18 at 14:36
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53454826%2favoid-cutting-the-correct-file-it-must-follow%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53454826%2favoid-cutting-the-correct-file-it-must-follow%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
It is to do with either viewbox or the height of the actual svg tag so because 170+125 (height of inner elements) is greater than 250 (height of svg)
– Patrick Sturm
Nov 24 '18 at 3:12
A very simple solution would be using
svg{overflow:visible;}in your CSS. Also: theviewBoxvalue is not valid. If you need to do something line this you need to do it in Javascript.– enxaneta
Nov 24 '18 at 8:22
@PatrickSturm what u mean? @enxaneta u mean:
<svg width="200" height="250" style="overflow:scroll;"><rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect><rect x="15" y="120" width="140" height="325" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect></svg>– J. Petersen
Nov 24 '18 at 14:36