Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

1 Neutral

About pstein

  • Rank

Recent Profile Visitors

3,837 profile views
  1. Lets take an example: https://www.makeuseof.com/tag/how-to-add-cool-effects-videos-android/ When I print this webpage (into a pdf file) then alla rticle pictures are printed in a big, fat dimension. Have a look at the three picture below the section title "1. Glitch Video Effects". They are placed in full format on a full pdf page. I want to get them shrinked down to 20% resp. a maximum width of 200px. Therefore I want to add a new CSS rule. But neither .article-gallery { max-width: 840px !important; } nor img { width: 200px !important; } help. How else can I shrink the pictures for printing? I don't have access to the original web server but want to apply the new CSS rules afterwards by script in browser. Peter
  2. Lets have a look at an example webpage: https://www.makeuseof.com/tag/lock-methods-android-phone/ Now right click (in Firefox) on the text (starting "You can secure your Android phone's lock screen....") below the headline and select "Inspect element" from context menu The element has a class "heading_excerpt". Now have a look on the element(s) in HTML code just ABOVE this element. They have a class e.g. "heading_meta". Although they are physically written in HTML code ABOVE the "heading_excerpt" they are appear on the loaded webpage in the opposite order. Why? Is there a way to let the browsers rendering machine show them in the order they appear in HTML source code? I have no access to the original web page server but may want to re-arrange it afterwards (from user script). Peter
  3. How can I most easily delete all values of all <name>.....</name> elements of a certain *.xml file? the <name> element tags should be kept. A command line tool and command would be preferred rather than a GUI based tool. The <name> elements contain only value and no further nested elements.
  4. It happens sometimes that I wrote and apply buggy CSS & Javascript/jQuery scripts into a webpage. An errorneous CSS rule could be .myclassname { width: 1024kk !important; }}; or a javascript var pane = document.getElementsByClassName("page-header-meta")[0]; does not find at least 1 instance of the class. So the remaining statements of such a scripts are not executed. How can I find out (in Firefox) which statement is causing the trouble? The webdeveloper pane at the bottom is not really useful. I have problems finding in it errors or warnings which come from my focussed *.css or *.user.js script (errors from other *.css and *.user.js) should be excluded. How can I achieve a better/faster error search? Peter
  5. Assume I have an element like <img src="https://www.foobar.com/mysmallpic.png" ......>samplepic</img> Now I want to avoid a linking to a picture source on an external server. Instead I want to embed the few KB of the picture directly into HTML source code. I can imagine that there is a method similar to <img src=x'21315112A56CED......58889EFED' ......>samplepic</img> or alternatively with variable: mypic=x'21315112A56CED......58889EFED' ; <img src=mypic .....>samplepic</img> x'...' means the hexadecimal binary content (ANSI or Unicode ?) of the picture source. Is this somehow possible? Peter
  6. Obviously this doesn't work since I have NO Access to the original CSS files. I am not the owner of the webserver. I want to change the loaded webpage AFTER loading by scripts with Firefox AddOns like Greasemonkey or Firemonkey. This work fine for many CSS statements. So again: Is there a way to delete @media print { .... } statements AFTER loading?
  7. Assume the following code: <div class="foobar"> "whitespace" <p>....</p> </div> "whitespace" is not the text but a whitespace as indicated in Firefox WebDeveloper. How can I get rid of every whitespace inside after a <div class=foobar"> and the first <p> with Javascript?
  8. Oftentimes web pages include a separate *.css file and have additional special CSS instructions inside for printing the article. How can I delete with CSS-important! or JavaScript this @media print { ............. } rule / instruction? Peter
  9. Lets start with an example from a CSS for a Webpage: <div class="lg:w-10/12 ....">....</div> One of the referenced CSS rules is as follows (mind the additional masking backslash \): .lg\:w-10\/12 { width: 50%; } Now I want to override this CSS statement (later after loading) by the following additional CSS statement: .lg\:w-10/12, .lg\:w-10\/12 { width: 90% !important; } I put the classname WITH and WITHOUT backslash before it. Nevertheless the !important new CSS is NOT accepted. The width is (as shown in WebDeveloper of Firefox) still 50%. What wrong? How can I (without touching the original CSS file) adjust the width otherwise? Peter
  10. @dsonesuk: Thank you. It works
  11. Occasionally I load a web page which contains a text line and immediately appended after the right side an image <img> I want to let the <img> start in a next line. So I need a kind of <br> separation between text and image (not with <P>). However I have no access to the original webserver but want to apply a modification afterwards (after loading) I can imagine that there is a CSS property (for <img>) which let me tell the browser engine "put in next line". How can I achieve this in detail? Peter
  12. Assume I have a CSS background key similar to .logo { background: url(/static/foobar/mylogo.jpg) 0px -no-repeat; } Is there a way to convert this background property into a foreground image by Javascript? All other configurations (margin, padding, background-position-x, background-position-,....) should remain untouched or converted accordingly. Thank you Peter
  13. Have a look at the following webpage: https://www.makeuseof.com/tag/music-player-apps-android/ When you print this webpage (from Firefox) into a *.pdf file then only the first page (of the core article) is printed. The remaining article text is suddenly cut. Why? Exactly which CSS statement is responsible for this cut? Peter
  14. At first an example: <div class="foobar" ....>.... <div class="....." ...>..... <div class="....." ....>.... <div class="....." ....>..... <img src="https:\\www.imgdomain.com\..." ....></img> ...</div> ....</div> ....</div> ....</div> How do I address the following elements: Find <img> with src="https:\www.imgdomain.com* and go upwards in hierarchy until a <div> element with class="foobar" ist found Same as 1. but this time the element just below <div> with class="foobar" should be referred (which could be the <img> element itself) If no <div> element with class="foobar" is found nothing should happen jQuery or Javascript can be used
  15. Sorry, they changed the headline meanwhile. Take just the current headline or first paragraph of core article Thank you
  • Create New...