CSS using tilde in URL as part of folder name with unknown full URL2019 Community Moderator Electionwhat is the use of “~” tilde in url?Convert HTML + CSS to PDF with PHP?Which characters are valid in CSS class names/selectors?Using relative URL in CSS file, what location is it relative to?Get the full URL in PHPFull path in css?Any way to link to the background image url in CSS without providing the full url (ie. local path)?How to get the full url in Express?What does the “~” (tilde/squiggle/twiddle) CSS selector mean?MVC4 StyleBundle not resolving imagesimage URL concern for CSS changer inside MVC controller

Good allowance savings plan?

What wound would be of little consequence to a biped but terrible for a quadruped?

When two POV characters meet

What to do when during a meeting client people start to fight (even physically) with each others?

If Invisibility ends because the original caster casts a non-concentration spell, does Invisibility also end on other targets of the original casting?

Provisioning profile doesn't include the application-identifier and keychain-access-groups entitlements

Examples of odd-dimensional manifolds that do not admit contact structure

What happens with multiple copies of Humility and Glorious Anthem on the battlefield?

Counter-example to the existence of left Bousfield localization of combinatorial model category

How does Dispel Magic work against Stoneskin?

Force user to remove USB token

Does splitting a potentially monolithic application into several smaller ones help prevent bugs?

Time dilation for a moving electronic clock

Latest web browser compatible with Windows 98

How do anti-virus programs start at Windows boot?

Identifying the interval from A♭ to D♯

How is the Swiss post e-voting system supposed to work, and how was it wrong?

How to deal with a cynical class?

What is the blue range indicating on this manifold pressure gauge?

Is it ok to include an epilogue dedicated to colleagues who passed away in the end of the manuscript?

Is King K. Rool's down throw to up-special a true combo?

Single word request: Harming the benefactor

What Happens when Passenger Refuses to Fly Boeing 737 Max?

Do Bugbears' arms literally get longer when it's their turn?



CSS using tilde in URL as part of folder name with unknown full URL



2019 Community Moderator Electionwhat is the use of “~” tilde in url?Convert HTML + CSS to PDF with PHP?Which characters are valid in CSS class names/selectors?Using relative URL in CSS file, what location is it relative to?Get the full URL in PHPFull path in css?Any way to link to the background image url in CSS without providing the full url (ie. local path)?How to get the full url in Express?What does the “~” (tilde/squiggle/twiddle) CSS selector mean?MVC4 StyleBundle not resolving imagesimage URL concern for CSS changer inside MVC controller










0















I am working on a project where I need to set an image on a submit button. Because there is integration with third-party software, the only way to accomplish it is to use the background style in CSS. However, the URL for the image doesn't resolve properly in CSS, so I need to include the tilde that is a part of the folder name in the URL.



Here is the CSS that I currently have set:






input[type=submit] 
background:url('~images/continue.png');
border:0;
color:transparent;
width:150px;
height:50px;





I tried escaping with a backslash, ascii, double tilde, and a few others to try and get the CSS to see the tilde in the URL as just another character, but it still is doing standard CSS evaluation and not getting to the correct folder.



Why not just use the full URL? Unfortunately, I have no idea what the URL is going to be since it is dynamic, but I know the URL format to get to the image is roughly:



www.website.com/some unknown text/~images/image name



In the page that I created, I use "images/image name" for regular images that just use a src tag, but the third party software resolves that to "~images/image name" when it pulls them in.



Is there a way to make the CSS use the tilde as part of the folder name instead of assuming it is supposed to go to a different folder? Or is there a way to pull in the current URL directly in the CSS, so it ends up with the full path?










share|improve this question






















  • Can you not use / to resolve to the root site? So it will resolve to /images/image-name -> website.com/images/image-name

    – David Nguyen
    Mar 6 at 18:09












  • No, the folder does not exist at the root site. It must go to the URL format in the original question. It should not go to the root site at all. The tilde needs to be included in the path (which is missing from your comment), not used to redirect the path.

    – Becky Spann
    Mar 6 at 18:51












  • Are you referring to the "home directory"?

    – showdev
    Mar 7 at 10:39











  • Yes and no? I need the tilde in the URL, not being used as a redirect to the home directory. I want the tilde shown to be ignored--I need the standard functionality to not occur.

    – Becky Spann
    Mar 7 at 17:47















0















I am working on a project where I need to set an image on a submit button. Because there is integration with third-party software, the only way to accomplish it is to use the background style in CSS. However, the URL for the image doesn't resolve properly in CSS, so I need to include the tilde that is a part of the folder name in the URL.



Here is the CSS that I currently have set:






input[type=submit] 
background:url('~images/continue.png');
border:0;
color:transparent;
width:150px;
height:50px;





I tried escaping with a backslash, ascii, double tilde, and a few others to try and get the CSS to see the tilde in the URL as just another character, but it still is doing standard CSS evaluation and not getting to the correct folder.



Why not just use the full URL? Unfortunately, I have no idea what the URL is going to be since it is dynamic, but I know the URL format to get to the image is roughly:



www.website.com/some unknown text/~images/image name



In the page that I created, I use "images/image name" for regular images that just use a src tag, but the third party software resolves that to "~images/image name" when it pulls them in.



Is there a way to make the CSS use the tilde as part of the folder name instead of assuming it is supposed to go to a different folder? Or is there a way to pull in the current URL directly in the CSS, so it ends up with the full path?










share|improve this question






















  • Can you not use / to resolve to the root site? So it will resolve to /images/image-name -> website.com/images/image-name

    – David Nguyen
    Mar 6 at 18:09












  • No, the folder does not exist at the root site. It must go to the URL format in the original question. It should not go to the root site at all. The tilde needs to be included in the path (which is missing from your comment), not used to redirect the path.

    – Becky Spann
    Mar 6 at 18:51












  • Are you referring to the "home directory"?

    – showdev
    Mar 7 at 10:39











  • Yes and no? I need the tilde in the URL, not being used as a redirect to the home directory. I want the tilde shown to be ignored--I need the standard functionality to not occur.

    – Becky Spann
    Mar 7 at 17:47













0












0








0








I am working on a project where I need to set an image on a submit button. Because there is integration with third-party software, the only way to accomplish it is to use the background style in CSS. However, the URL for the image doesn't resolve properly in CSS, so I need to include the tilde that is a part of the folder name in the URL.



Here is the CSS that I currently have set:






input[type=submit] 
background:url('~images/continue.png');
border:0;
color:transparent;
width:150px;
height:50px;





I tried escaping with a backslash, ascii, double tilde, and a few others to try and get the CSS to see the tilde in the URL as just another character, but it still is doing standard CSS evaluation and not getting to the correct folder.



Why not just use the full URL? Unfortunately, I have no idea what the URL is going to be since it is dynamic, but I know the URL format to get to the image is roughly:



www.website.com/some unknown text/~images/image name



In the page that I created, I use "images/image name" for regular images that just use a src tag, but the third party software resolves that to "~images/image name" when it pulls them in.



Is there a way to make the CSS use the tilde as part of the folder name instead of assuming it is supposed to go to a different folder? Or is there a way to pull in the current URL directly in the CSS, so it ends up with the full path?










share|improve this question














I am working on a project where I need to set an image on a submit button. Because there is integration with third-party software, the only way to accomplish it is to use the background style in CSS. However, the URL for the image doesn't resolve properly in CSS, so I need to include the tilde that is a part of the folder name in the URL.



Here is the CSS that I currently have set:






input[type=submit] 
background:url('~images/continue.png');
border:0;
color:transparent;
width:150px;
height:50px;





I tried escaping with a backslash, ascii, double tilde, and a few others to try and get the CSS to see the tilde in the URL as just another character, but it still is doing standard CSS evaluation and not getting to the correct folder.



Why not just use the full URL? Unfortunately, I have no idea what the URL is going to be since it is dynamic, but I know the URL format to get to the image is roughly:



www.website.com/some unknown text/~images/image name



In the page that I created, I use "images/image name" for regular images that just use a src tag, but the third party software resolves that to "~images/image name" when it pulls them in.



Is there a way to make the CSS use the tilde as part of the folder name instead of assuming it is supposed to go to a different folder? Or is there a way to pull in the current URL directly in the CSS, so it ends up with the full path?






input[type=submit] 
background:url('~images/continue.png');
border:0;
color:transparent;
width:150px;
height:50px;





input[type=submit] 
background:url('~images/continue.png');
border:0;
color:transparent;
width:150px;
height:50px;






html css css3 url tilde






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 6 at 17:32









Becky SpannBecky Spann

64




64












  • Can you not use / to resolve to the root site? So it will resolve to /images/image-name -> website.com/images/image-name

    – David Nguyen
    Mar 6 at 18:09












  • No, the folder does not exist at the root site. It must go to the URL format in the original question. It should not go to the root site at all. The tilde needs to be included in the path (which is missing from your comment), not used to redirect the path.

    – Becky Spann
    Mar 6 at 18:51












  • Are you referring to the "home directory"?

    – showdev
    Mar 7 at 10:39











  • Yes and no? I need the tilde in the URL, not being used as a redirect to the home directory. I want the tilde shown to be ignored--I need the standard functionality to not occur.

    – Becky Spann
    Mar 7 at 17:47

















  • Can you not use / to resolve to the root site? So it will resolve to /images/image-name -> website.com/images/image-name

    – David Nguyen
    Mar 6 at 18:09












  • No, the folder does not exist at the root site. It must go to the URL format in the original question. It should not go to the root site at all. The tilde needs to be included in the path (which is missing from your comment), not used to redirect the path.

    – Becky Spann
    Mar 6 at 18:51












  • Are you referring to the "home directory"?

    – showdev
    Mar 7 at 10:39











  • Yes and no? I need the tilde in the URL, not being used as a redirect to the home directory. I want the tilde shown to be ignored--I need the standard functionality to not occur.

    – Becky Spann
    Mar 7 at 17:47
















Can you not use / to resolve to the root site? So it will resolve to /images/image-name -> website.com/images/image-name

– David Nguyen
Mar 6 at 18:09






Can you not use / to resolve to the root site? So it will resolve to /images/image-name -> website.com/images/image-name

– David Nguyen
Mar 6 at 18:09














No, the folder does not exist at the root site. It must go to the URL format in the original question. It should not go to the root site at all. The tilde needs to be included in the path (which is missing from your comment), not used to redirect the path.

– Becky Spann
Mar 6 at 18:51






No, the folder does not exist at the root site. It must go to the URL format in the original question. It should not go to the root site at all. The tilde needs to be included in the path (which is missing from your comment), not used to redirect the path.

– Becky Spann
Mar 6 at 18:51














Are you referring to the "home directory"?

– showdev
Mar 7 at 10:39





Are you referring to the "home directory"?

– showdev
Mar 7 at 10:39













Yes and no? I need the tilde in the URL, not being used as a redirect to the home directory. I want the tilde shown to be ignored--I need the standard functionality to not occur.

– Becky Spann
Mar 7 at 17:47





Yes and no? I need the tilde in the URL, not being used as a redirect to the home directory. I want the tilde shown to be ignored--I need the standard functionality to not occur.

– Becky Spann
Mar 7 at 17:47












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
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55029020%2fcss-using-tilde-in-url-as-part-of-folder-name-with-unknown-full-url%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















draft saved

draft discarded
















































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.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55029020%2fcss-using-tilde-in-url-as-part-of-folder-name-with-unknown-full-url%23new-answer', 'question_page');

);

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







Popular posts from this blog

Save data to MySQL database using ExtJS and PHP [closed]2019 Community Moderator ElectionHow can I prevent SQL injection in PHP?Which MySQL data type to use for storing boolean valuesPHP: Delete an element from an arrayHow do I connect to a MySQL Database in Python?Should I use the datetime or timestamp data type in MySQL?How to get a list of MySQL user accountsHow Do You Parse and Process HTML/XML in PHP?Reference — What does this symbol mean in PHP?How does PHP 'foreach' actually work?Why shouldn't I use mysql_* functions in PHP?

Compiling GNU Global with universal-ctags support Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!Tags for Emacs: Relationship between etags, ebrowse, cscope, GNU Global and exuberant ctagsVim and Ctags tips and trickscscope or ctags why choose one over the other?scons and ctagsctags cannot open option file “.ctags”Adding tag scopes in universal-ctagsShould I use Universal-ctags?Universal ctags on WindowsHow do I install GNU Global with universal ctags support using Homebrew?Universal ctags with emacsHow to highlight ctags generated by Universal Ctags in Vim?

Add ONERROR event to image from jsp tldHow to add an image to a JPanel?Saving image from PHP URLHTML img scalingCheck if an image is loaded (no errors) with jQueryHow to force an <img> to take up width, even if the image is not loadedHow do I populate hidden form field with a value set in Spring ControllerStyling Raw elements Generated from JSP tagds with Jquery MobileLimit resizing of images with explicitly set width and height attributeserror TLD use in a jsp fileJsp tld files cannot be resolved