This is an outside shot without your code, but the solution when I had the exact same problem.  My DOCTYPE statement had gotten fouled up by an errant keystroke, as described in [this question][1].  You might want to inspect it visually and/or validate.


  [1]: https://stackoverflow.com/questions/9308234/user-agent-stylesheet-overriding-my-table-style-twitter-bootstrap

This might sound odd, but it helps to check (especially if you aren&#39;t using an IDE or one that doesn&#39;t do validation on your CSS). You might want to make sure that you have a `;` and not a `:` at the end of `your:style;` line. Because at a glance, in the inspector the syntax appears to be correct but isn&#39;t. So your user agent stylesheet overwrites it. It&#39;s one of those &quot;make sure your printer is plugged in&quot; checks. It happens to all of us every once in a while.

I am playing in Python a bit again, and I found a neat book with examples. One of the examples is to plot some data. I have a .txt file with two columns and I have the data. I plotted the data just fine, but in the exercise it says: Modify your program further to calculate and plot the running average of the data, defined by:

    $Y_k=\frac{1}{2r}\sum_{m=-r}^r y_{k+m}$

where `r=5` in this case (and the `y_k` is the second column in the data file). Have the program plot both the original data and the running average on the same graph.

So far I have this:

    from pylab import plot, ylim, xlim, show, xlabel, ylabel
    from numpy import linspace, loadtxt
    
    data = loadtxt(&quot;sunspots.txt&quot;, float)
    r=5.0
    
    x = data[:,0]
    y = data[:,1]
    
    plot(x,y)
    xlim(0,1000)
    xlabel(&quot;Months since Jan 1749.&quot;)
    ylabel(&quot;No. of Sun spots&quot;)
    show()

So how do I calculate the sum? In Mathematica it&#39;s simple since it&#39;s symbolic manipulation (Sum[i, {i,0,10}] for example), but how to calculate sum in python which takes every ten points in the data and averages it, and does so until the end of points?

I looked at the book, but found nothing that would explain this :\

-----------------------------

heltonbiker&#39;s code did the trick ^^ :D


    from __future__ import division
    from pylab import plot, ylim, xlim, show, xlabel, ylabel, grid
    from numpy import linspace, loadtxt, ones, convolve
    import numpy as numpy
    
    data = loadtxt(&quot;sunspots.txt&quot;, float)
    
    def movingaverage(interval, window_size):
        window= numpy.ones(int(window_size))/float(window_size)
        return numpy.convolve(interval, window, &#39;same&#39;)
    
    x = data[:,0]
    y = data[:,1]
    
    
    plot(x,y,&quot;k.&quot;)
    y_av = movingaverage(y, 10)
    plot(x, y_av,&quot;r&quot;)
    xlim(0,1000)
    xlabel(&quot;Months since Jan 1749.&quot;)
    ylabel(&quot;No. of Sun spots&quot;)
    grid(True)
    show()

And I got this: 

![image][1]

Thank you very much ^^ :)


  [1]: http://i.stack.imgur.com/4TyaF.png

Finding moving average from data points in Python

What&#39;s the equivalent of `selenium.focus()` for WebDriver? 

    element.sendKeys(&quot;&quot;);

or

    new Actions(driver).moveToElement(element).perform();

I have tried both of them and they worked, but which one would always work on all elements? 

Which one is the correct way for any elements (such as button, link etc.)? This matters to me because the function will be used on different UI&#39;s.

Correct way to focus an element in Selenium WebDriver using Java

I want a font-size of a 11, but Chrome and Firefox are giving me 16.  When I examine the element in Chrome I see and look at the computed property I see:

    font-size: 16px;
      table - medium user agent stylesheet
      Style Attribute - 11px
      table - medium user agent stylesheet
      .v11gray - 11px style.css

Under computed styles in Firefox I get:

    font-size: 16px
       TABLE[0].style → 11px 	element
       .v11gray → 11px 	style.css:19

The last three lines are struck out.  Why is my css rule being overridden?  Are there steps I can take to find out?

Why does user agent stylesheet override my styles?

I want a font-size of a 11, but Chrome and Firefox are giving me 16. When I examine the element in Chrome I see and look at the computed property I see:
<pre><code class="hljs language-css">font-size: 16px;
 table - medium user agent stylesheet
 Style Attribute - 11px
 table - medium user agent stylesheet
 .v11gray - 11px style.css
</code></pre>
Under computed styles in Firefox I get:
<pre><code class="hljs language-less">font-size: 16px
 TABLE[0].style → 11px 	element
 .v11gray → 11px 	style.css:19
</code></pre>
The last three lines are struck out. Why is my css rule being overridden? Are there steps I can take to find out?

My question is similar to this:

&gt;https://stackoverflow.com/questions/9780099/asp-net-mvc-4-minification-background-images

Except that I want to stick with MVC&#39;s own bundling if I can. I&#39;m having a brain crash trying to figure out what the correct pattern is for specifying style bundles such that standalone css and image sets such as jQuery UI work.

I have a typical MVC site structure with `/Content/css/` which contains my base CSS such as `styles.css`. Within that css folder I also have subfolders such as `/jquery-ui` which contains its CSS file plus an `/images` folder. Image paths in the jQuery UI CSS are relative to that folder and I don&#39;t want to mess with them.

As I understand it, when I specify a `StyleBundle` I need to specify a virtual path which does not also match a real content path, because (assuming I&#39;m ignoring routes to Content) IIS would then try to resolve that path as a physical file. So I&#39;m specifying:

    bundles.Add(new StyleBundle(&quot;~/Content/styles/jquery-ui&quot;)
           .Include(&quot;~/Content/css/jquery-ui/*.css&quot;));

rendered using:

    @Styles.Render(&quot;~/Content/styles/jquery-ui&quot;)

I can see the request going out to:

    http://localhost/MySite/Content/styles/jquery-ui?v=nL_6HPFtzoqrts9nwrtjq0VQFYnhMjY5EopXsK8cxmg1

This is returning the correct, minified CSS response. 
But then the browser sends a request for a relatively linked image as:

    http://localhost/MySite/Content/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.png

Which is a `404`.

I understand that the last part of my URL `jquery-ui` is an extensionless URL, a handler for my bundle, so I can see why the relative request for the image is simply `/styles/images/`. 

So my question is **what is the correct way** of handling this situation? 

MVC4 StyleBundle not resolving images

How can JavaScript change CSS `:hover` properties?

For example:

**HTML**

    &lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;Hover 1&lt;/td&gt;
        &lt;td&gt;Hover 2&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;

**CSS**

    table td:hover {
    background:#ff0000;
    }

How can the `td :hover` properties be modified to, say, `background:#00ff00`, with JavaScript? I know I could access the style background property using JavaScript with:

    document.getElementsByTagName(&quot;td&quot;).style.background=&quot;#00ff00&quot;;

But I don&#39;t know of a `.style` JavaScript equivalent for `:hover`.

Change :hover CSS properties with JavaScript

What is the safest way, using media queries, to make something happen when not on a touchscreen device? If there is no way, do you suggest using a JavaScript solution such as `!window.Touch` or Modernizr?

Media query to detect if device is touchscreen

I&#39;ve got a sub-nav that works using jquery - A user clicks on the top level list item, for instance &#39;services&#39; which triggers the dropdown. The dropdown toggles via clicking the &#39;service&#39; link. I&#39;ve made it so a user can click anywhere on the screen to toggle the dropdown to a closed state. But as the site is responsive i want the user to be able to click (touch) anywhere on the screen to close the dropdown but my problem is that it&#39;s not working on the touch devices. 

My code ive setup for the document click is:

    $(document).click(function(event) { 
    
      if ( $(&quot;.children&quot;).is(&quot;:visible&quot;)) {
        $(&quot;ul.children&quot;).slideUp(&#39;slow&#39;);
      }
      
    });

I&#39;m assuming document.click might not work on touch devices, and if not, what work-around is there to achieve the same effect?

Thanks

document .click function for touch device

If I convert an image (jpg or png) to base64, then will it be bigger, or will it have the same size? How much greater will it be?

Is it recommended to use base64 encoded images on my website?

What is the effect of encoding an image in base64?

I&#39;d like to know if it is possible to change some default parameters of `ggplot2` graphics, like font size for instance, for a whole R session. The idea is to avoid setting them for each plot. 


How to change the default font size in ggplot2

I have a code like this:

    import matplotlib.pyplot as plt
    from matplotlib.pyplot import *
    from matplotlib.font_manager import FontProperties
    
    fontP = FontProperties()
    fontP.set_size(&#39;xx-small&#39;)
    fig=plt.figure()
    ax1=fig.add_subplot(111)
    plot([1,2,3], label=&quot;test1&quot;)
    ax1.legend(loc=0, ncol=1, bbox_to_anchor=(0, 0, 1, 1),
               prop = fontP,fancybox=True,shadow=False,title=&#39;LEGEND&#39;)
    plt.show()

![legend fontsize][1]

It can be seen in the plot that the setting in Fontsize does not affect the Legend Title font size.

How to set the font size of the legend title to a smaller size?


  [1]: http://i.stack.imgur.com/lTdCr.png

How to set font size of Matplotlib axis Legend?

Given that Twitter Bootstrap is designed to be responsive / device-friendly, why doesn&#39;t it use relative font sizes?

Why does Twitter Bootstrap Use Pixels for Font Size?

Suppose I have the next text :

&gt; Hello stackOverflow

And I wish to set the second word to be both [RelativeSizeSpan][1] (to set a relative font size) and [TextAppearanceSpan][2] (to set the color of the text) , how do I merge them both ?

All I know is that I can choose one of them , using the next code for example :

    final SpannableString textToShow = new SpannableString(&quot;Hello stackOverflow&quot;);
    textToShow.setSpan(new RelativeSizeSpan(1.5f), textToShow.length() - &quot;stackOverflow&quot;.length(),textToShow.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    textView.setText(textToShow);

But I need to also set the color , or even add other features from other spanning classes ...

What can I do ?


  [1]: http://developer.android.com/reference/android/text/style/RelativeSizeSpan.html
  [2]: http://developer.android.com/reference/android/text/style/TextAppearanceSpan.html

How to set multiple spans on a TextView&#39;s text on the same partial text?

I was reading a question on here trying to get the font size of a text.  The answer they gave was to get the pixel size using a measure method.  All i want to be able to do is get the font size value so i can change it.

For example:

&lt;!-- language: lang-js --&gt;

    var x = document.getElementById(&quot;foo&quot;).style.fontSize;
    document.getElementById(&quot;foo&quot;).style.fontSize = x + 1;

This example does not work though these two do

 1. `document.getElementById(&quot;foo&quot;).style.fontSize = &quot;larger&quot;;`
 2. `document.getElementById(&quot;foo&quot;).style.fontSize = &quot;smaller&quot;;`

The only problem is that it only changes the size once.

Content Type	Original Author	Original Content on Stackoverflow
Question	Joe	View Question on Stackoverflow
Solution 1 - Css	kburke	View Answer on Stackoverflow
Solution 2 - Css	Philll_t	View Answer on Stackoverflow

Why does user agent stylesheet override my styles?

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Correct way to focus an element in Selenium WebDriver using Java

Finding moving average from data points in Python

Attributions