• Content count

  • Joined

  • Last visited

Community Reputation

1 Neutral

About pstein

  • Rank
  1. Assume I use a simplified CSS setup like: body { font-family: Merriweather, "Museo", Syncopate, Verdana; } As far as I know the HTML rendering engine searches for the first font family package it can find on the client from the list and uses it for rendering. Now lets say I load the corresponding web page into Firefox: How can I find out which Font package is really currently used at the end (if I cannot identify it by shape/design)? Assume Syncopate is used: What do I have to do to provide the package Merriweather and Museo to the client? How do I put it into the web page as additional resource? Is there a difference to put a font-family package name into double quotes or not? Peter
  2. No. They are the same as in the past
  3. Assume I have 10 different "normal" web pages with an URL http:/ Ok, I could setup 10 bookmarks for all these 10 URLs and click them step by step individually. However I am searching for a more convenient, faster way to view them in 1 (!) browser window. How can I setup a "wrapping" web page which contains (as IFRAMES ???) all these 10 other external web pages? They should be somehow embedded as a sub component. Peter
  4. Assume I have a web page which loocks pretty well for printing. Now when I really click File--->print menu in Firefox the whole page is printed but with big, fat margins around it. Furthermore some (logo) picture replacements take place. I don't want this! I want to print the page just as I can see it right now in browser. I guess there are some hidden "@media print" CSS statements but I cannot find them in Firebug. So is there a way to bypass all further CSS+Javascript modifications after call of window.print()? How do I find out where and why the currently visible layout is changed for print? Peter
  5. I want to insert the current URL at the bottom of a web page (before printing it). Therefore I coded: var address = document.URL; var pane = document.getElementsByTagName('body'); pane.innerHTML = pane.innerHTML + "<br/>" + address; But this doesn't work. The URL is NOT shown. How else can I achieve this? Peter
  6. Assume I have a webpage which has currently NO CSS stylesheet assigned. Instead font definitions are defined as HTML elements like <font size="6" face="Arial">foobar</font> How can I overwrite this definition e.g. by: font-size: 16px; line-height: 18px; font-family: Verdana; This new CSS definition should be assigned to all occurencies of exactly this element (but not e.g. <font size="2" ....>) How can I achieve this? Peter
  7. Assume I have a web page which contains multiple elements similar to <span style="font-size: medium;">....</span> How can I remove the "style=" attribute for all the elements? Overwriting with a neutral value and !important would be acceptable as well. The element <span> itself should still persist Peter
  8. Assume I have the following HTML source code: <img onload="..." ... someotherattr="..." ...> ... </img> How can I remove the two attributes "onload" and/or "someotherattr" but not all other (possibly existing) attributes? Can I put the remove command for the two attributes into one statement or do I have to setup two commands (for one attribute per command)? jQuery can be used if it is simpler Thank you Peter
  9. At first here is a (sample) web page in focus: I want to get rid of the social community icons pretty much at the top. See the following snapshot: Therefore I tried to apply the following CSS instruction (e.g. with Firefox AddOn Greasemonkey) to the loaded page Yes, this hides the five social community buttons.....for about 3 seconds (in newest Firefox under 64bit Win 7). Then these 5 buttons re-appear. Why? I guess there is a delayed re-load/refresh mechanism embedded. How do I hide them permanently? Thank you
  10. Assume I have the following HTML code: < table ......... bgcolor="#334455"> .... < /table> Be aware that the bgcolor attribute is NOT placed in a separate CSS stylsheet but is embedded in the HTML code itself. Now I want to overwrite this bgcolor by another color. The following does NOT work: table { bgcolor: #ffffff !important; }; or table { bgcolor=#ffffff !important; }; How else can I overwrite the color? Peter
  11. Lets start with an example: <div class="aaa bbb" ...> <p class="ccc" ....> firsttext </p> </div> <div class="aaa ddd" ...> <p class="eee"> secondtext </p> </div> and the corresponding CSS rules: .ccc { font-size: 18px; line-height: 18px }; .eee { font-size: 25px; line-height: 25px }; As far as I understand more special CSS rules (inside an element) overwrite always the more general CSS rules of the enclosing element. So if I define .aaa { font-size: 14px; line-height: 14px; }; then the .ccc and .eee rules win. Is there a way to overcome this priority rule hierachy so that all more special CSS rules inside are overwritten anyway by the outer CSS rule? "!important" does not work since it overwrites only possibly existing rules for the same class. So .aaa { font-size: 12px !important; line-height: 12px !important; }; only overwrites only the old .aaa rule but not the rules inside. However I could imagine that there is an option to brutally overwrite all every more special rule inside an element. How can I achieve this? Peter
  12. Whenever I want to add something at the end inside an (the first) element which is identifiable by class name I can write: var div = document.getElementsByClassName("myclassname")[0]; div.innerHTML = div.innerHTML + "foobar"; This works fine. But what if there is no class name but only the element tag like in <cite> <span>01.07.2016</span> <span>sometext</span> </cite> How can I add "foobar" text at the end (after last span) but inside (!) the <cite> element? Is there a function similar to getElementByElementName(...) which means I could write: var div = document.getElementsByElementName("cite")[0]; div.innerHTML = div.innerHTML + "foobar"; Peter
  13. Lets start with a (german news) sample page: When you click on the grey printer icon just below the headline and the teaser text the core arcticle will be printed (e.g. into pdf file). As you can see the printed article contains very wide/broad blank margins left and right of it. Where exactly are these margin widths specified. I searched now for a while for @media print or @page definitions - but without success. Where are the print page CSS statements exactly defined? Thank you Peter
  14. Maybe I am blind. I searched now for half an hour with Firebug for the background color definition for the following web page: As you can see there is an article in the mid "column". Left and right of it there is a grey pane. Where exactly is this grey color defined? It drives my crazy. Peter
  15. At first the the sample page (of german ebay). But I guess its a problem of ALL ebay auctions which are not finished yet: I want to get rid of the ad-strip in the mid with the label "Käufer haben sich auch folgende Artikel angesehen" The corresponding element looks like: < div id="merch_html_100005">....</div> I want to hide this stuff and setup a GreaseMonkey script with the following statement: GM_addStyle("#merch_html_100005 { display: none !important; }"); ,,,but it didn't work. The inserted advertising pane does not vanish. It seems to me that it is protected by javascript. Or loaded with delay of a couple of seconds. So how else can I remove it? With Javascript/jQuery or CSS?