Jump to content

pstein

Members
  • Content Count

    78
  • Joined

  • Last visited

Community Reputation

1 Neutral

About pstein

  • Rank
    Newbie

Recent Profile Visitors

3,667 profile views
  1. 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
  2. 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
  3. 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
  4. Sorry, they changed the headline meanwhile. Take just the current headline or first paragraph of core article Thank you
  5. Lets take an example from a german online magazine: https://m.pnn.de/coronavirus-in-europa-spanien-hat-nun-mehr-bestaetigte-infektionen-als-italien/25560996.html RIght click on the headline beginning with "Coronavirus in Europa Spanien hat nun mehr" and select "inspect" from context menu The WebDeveloper I do NOT find a valid font-family name. All existing there are either disabled or have a value "inherited". So it must be the browser default which is Courier New. But this font is NEVER "Courier New"! So how do I find out the real font family name otherwise? Peter
  6. Assume I want to print a Wikipedia article e.g. https://en.wikipedia.org/wiki/Blu-ray into a pdf file. I click on the left side on "Printable version" ....and got a *.pdf document which contains text with ugly big font-size and not appropriate line-height. The font-size and line-height is significantly different from what I see on the screen. I want to change these CSS values (later after loading). But where do I find the corresponding values? I guess they must be somewhere in a "@media print" section. But how (where in which CSS stylesheet file?) do I find these print CSS instructions? Peter
  7. Sometimes when I inspect the web page HTML/CSS code and search for the font-size and line-height of a certain text I can not find it. When I right-click (in Firefox) on this certain text and select "Inspect element" the corresponding HTML/CSS code is shown in the lower pane in WebDeveloper. However in the lower right sub pane I do not find the real, final font-size and Line-height. All occurencies are labeled as "inherited" Inherited from what? I expect to get at least one valid font-size and line-height CSS value in the cascade chain. Lets take an example from a german computer online magazine: https://www.zdnet.de/88377738/smb-luecke-microsoft-veroeffentlicht-patch-kb4551762 Now right click on the line beginning with Set-ItemProperty -Path "HKLM:\SYSTEM\Current...... at the bottom of the core article and inspect element. For this text I found only "inherited" values. How do I find out the current font-size and line-height? I am NOT interested for a particular example but on how to find it out in general. Peter
  8. At first lets have a look at an example webpage: https://www.thewindowsclub.com/most-useful-commands-for-powercfg-command-line As you can see the article contains some <pre> blocks which in turn contain commands lines which are NOT wrapped at the browser window end. Instead a horizontal slider is displayed which let user scroll to the currently invisible part of the command line. Now if I want to print this page (into *.png or *.pdf) important parts of these commands are NOT displayed. How can I apply some CSS/Javascript commands which tell the rendering engine to AUTOMATICALLY (soft) wrap these over-long lines at suitable blanks (!) into a second (or even third) line in <pre> block? Peter
  9. Lets take an example webpage: https://www.thewindowsclub.com/windows-task-scheduler-not-running How can I (by modifying the CSS code after loading) justify all images of the main article to the left? As you can see they are currently centered. Peter
  10. When I print occasionally web pages into a pdf file then images on this web pages are NOT split. When an image does not fit on the current pdf page then a page break is inserted and the image is put on the top of the next pdf page. How can I allow image split in pdf printing (if necessary) for ALL images on the current web page? Is there a corresponding attribute for the <img> tag? Peter
  11. Lets talk on the following (simplified) example webpage: https://blogs.systweak.com/uninstall-unwanted-programs-on-windows-10/ I did now the following: - I opened Firefox--WebDeveloper - I deleted the element <header class="site-header">.... </header> in WebDeveloper - I changed in WebDeveloper all the values for CSS key ".article-shadow" and attributes margin-top, padding and border-radius to 0 As you can see from the following snapshot the headline "Easy Tricks to uninstall Unwanted...." appears in browser window directly below the top border. http://easycaptures.com/8003064666 Now when I print this page into a pdf then an unexpected big, big gap between top border and headline is inserted. Why? Does it come from @media print section? Which CSS value is responsible (otherwise)? How can I get rid of the gap in pdf printout Peter
  12. In a webpage I have the following HTML code: <img class="logo" src=....>...</img> with the corresponding CSS: .logo { width: 12rem; .... } img { width: auto !important; ... } As you can see there are two somehow contradicting width values. Ok, since the width in IMG has an !important postfix it has a higher priority. And this is the problem. How can I disable the width value/key in IMG CSS specification and let the width value for .logo become active? How can I delete a CSS key? Since "auto" is already the default value overwriting it with the default value makes no sense. I have no access to the original html/CSS code but must apply it afterwards Thank you Peter
  13. I want to print a whole webpage which (when printed) creates ONE pdf file with many pdf pages. Example https://blogs.systweak.com/uninstall-unwanted-programs-on-windows-10/ Print with Chrome or from chrome-based browsers
  14. I have a webpage which contain the following element: <heaeder class="site-header"> .... </header> With CSS class definition as follows: .site-header { position: relative; z-index: 223; .... box-shadow: none; } When I print now this (long) web page into a pdf doc file then this header pane appears at the top of each pdf page. How can achieve that this header pane appears only at the FIRST pdf page? Thank you Peter
  15. Hmm, thank you for the suggestion. But I didn't understand. Have a look at the attached snapshot for sample webpage: http://www.ilovefreesoftware.com/13/featured/create-free-dynamic-dns-websites.html I want to have a (pdf) page-break BEFORE the headline "DUCKDNS". I opened therefore Inspector of Firefox and inserted break-before: page; DIRECTLY for this element. But it is even not accepted. Why not? Peter
×
×
  • Create New...