Brendan&#39;s answer is correct, but to get it to render in more browsers, you should use this:

    -moz-border-radius: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px; 

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

The other answers are correct but there is the shorthand solution:

    border-radius: 3px 3px 0 0; 
which will round only the top corners and leave the bottom ones alone. The order of the values is clockwise - top left, top right, bottom right, bottom left.

Here&#39;s an example: http://jsfiddle.net/9sXWf/

Let&#39;s say I have two or more lists of same length. What&#39;s a good way to iterate through them?

`a`, `b` are the lists.

     for i, ele in enumerate(a):
        print ele, b[i]

or

    for i in range(len(a)):
       print a[i], b[i]

or is there any variant I am missing?

Is there any particular advantages of using one over other?

What is the best way to iterate over multiple lists at once?

What would be the best way to see if the current time lies between say `10:30 AM` and `4:30 PM`. 

I could think of the following, not sure how correct:

    from datetime import datetime
    nw = datetime.now()
    hrs = nw.hour;mins = nw.minute;secs = nw.second;
    zero = timedelta(seconds = secs+mins*60+hrs*3600)
    st = nw - zero # this take me to 0 hours. 
    time1 = st + timedelta(seconds=10*3600+30*60) # this gives 10:30 AM
    time2 = st + timedelta(seconds=16*3600+30*60)  # this gives 4:30 PM
    if nw&gt;= time1 or nw &lt;= time2:
        print &quot;yes, within the interval&quot;


Please let me know if this the correct approach, can something better be written?

How do I determine if current time is within a specified range using Python&#39;s datetime module?

In my site I need to make a div have rounded corners only on the top corners.  But I don&#39;t know how to do this. Can someone help me?

How do I make corners rounded only on the top part of the border in css?

<p>In my site I need to make a div have rounded corners only on the top corners.  But I don't know how to do this. Can someone help me?</p>


Using this code

    &lt;iframe frameborder=&quot;0&quot; style=&quot;height: 185px; overflow:scroll; width: 100%&quot; src=&quot;http://www.cbox.ws/box/?boxid=439&amp;boxtag=7868&amp;sec=main&quot; marginheight=&quot;1&quot; marginwidth=&quot;1&quot; name=&quot;cboxmain&quot; id=&quot;cboxmain&quot; seamless=&quot;seamless&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowtransparency=&quot;true&quot;&gt;&lt;/iframe&gt;

This is how it appears (the shoutbox on homepage of http://www.talkjesus.com)

How do I remove the horizontal scrollbar and modify the css of the vertical scrollbar?

Remove scrollbar from iframe

When a certain event occurs, I want my website to play a short notification sound to the user.

The sound should **not** auto-start (instantly) when the website is opened.
Instead, it should be played on demand via JavaScript (when that certain event occurs).

It is important that this also works on older browsers (IE6 and such).

So, basically there are two questions:

 1. What codec should I use?
 2. What&#39;s best practice to embed the audio file? (`&lt;embed&gt;` vs. `&lt;object&gt;` vs. Flash vs. `&lt;audio&gt;`)

How to play a notification sound on websites?

When using `&lt;input type=&quot;file&quot; multiple&gt;` it&#39;s possible for the user to choose multiple files.

How does ones sets a limit for how many files can be chosen, for instance two?

How to limit the maximum files chosen when using multiple file input

I&#39;m wondering how to change during dragging (dragover/dragenter) icon/cursor when I dragenter for example to deny or allow section.
Of course, I can move with cursor a part of DOM positioned absolutely, but I&#39;m interested in native HTML5 solution.

Thanks!

HTML5 Drag &amp; Drop Change icon/cursor while dragging

I have two images that need to kept inline; I want to write a caption under each image.

    &lt;center&gt;
       &lt;a href=&quot;http://example.com/hello&quot;&gt;
           &lt;img src=&quot;hello.png&quot; width=&quot;100px&quot; height=&quot;100px&quot;&gt;
       &lt;/a&gt;
       &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 
       &lt;a href=&quot;http://example.com/hi&quot;&gt;
           &lt;img src=&quot;hi.png&quot; width=&quot;100px&quot; height=&quot;100px&quot;&gt;
       &lt;/a&gt;
    &lt;/center&gt;

How can I implement?


How to write a caption under an image?

I&#39;ve recently decided to switch from Apache2 to Nginx. I installed Nginx on my CentOS server and setup a basic configuration.
When I tried to load my site in browser (FF/Chrome) I noticed that css file is not loaded. I checked the error console and saw this message:

`Error: The stylesheet http://example.com/style.css was not loaded because its MIME type, &quot;text/html&quot;, is not &quot;text/css&quot;.`

I checked Nginx configuration and everything seems to be fine:

    http {
        include /etc/nginx/mime.types;
        ..........
    }

The mime type for css files is correctly set in /etc/nginx/mime.types.

`text/css css;`

Everything seems to be well configured but my css files are still not loaded. I have no explanation.

Another thing worth mentioning. Initially I installed Nginx using epel repositories and i got an old version: 0.8... It appeared to me that my problem was a bug in that version so I uninstalled 0.8 version, added nginx repository to yum and then installed latest version: 1.0.14. I thought the new version will solve my problem, but unfortunately it didn&#39;t so I am running out of ideas.

I appreciate any help.

Configuration files:

**/etc/nginx/nginx.conf**

    user  nginx;
    worker_processes  1;
    
    error_log  /var/log/nginx/error.log warn;
    pid        /var/run/nginx.pid;
    
    
    events {
        worker_connections  1024;
    }
    
    
    http {
        include       /etc/nginx/mime.types;
        default_type  application/octet-stream;
    
        log_format  main  &#39;$remote_addr - $remote_user [$time_local] &quot;$request&quot; &#39;
                          &#39;$status $body_bytes_sent &quot;$http_referer&quot; &#39;
                          &#39;&quot;$http_user_agent&quot; &quot;$http_x_forwarded_for&quot;&#39;;
    
        access_log  /var/log/nginx/access.log  main;
    
        sendfile        on;
        #tcp_nopush     on;
    
        keepalive_timeout  65;
    
        #gzip  on;
    
        include /etc/nginx/conf.d/*.conf;
    }

**/etc/nginx/conf.d/default.conf**

    server {
        listen       80;
        server_name  localhost;
    
        #charset koi8-r;
        #access_log  /var/log/nginx/log/host.access.log  main;
    
        location / {
             root    /usr/share/nginx/html;
             index  index.html index.htm index.php;
             fastcgi_pass   127.0.0.1:9000;
             fastcgi_index  index.php;
             fastcgi_param  SCRIPT_FILENAME  /usr/share/nginx/html$fastcgi_script_name;
             include        fastcgi_params;
        }
    
        #error_page  404              /404.html;
    
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }
    
        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
    
        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}
    
        # deny access to .htaccess files, if Apache&#39;s document root
        # concurs with nginx&#39;s one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

**/etc/nginx/mime.types**

    types {
        text/html                             html htm shtml;
        text/css                              css;
        text/xml                              xml;
        image/gif                             gif;
        image/jpeg                            jpeg jpg;
        application/x-javascript              js;
        application/atom+xml                  atom;
        application/rss+xml                   rss;
        ..........................................
        other types here
        ..........................................
    }




Nginx fails to load css files

I have kind of a weird question. On my page I have a main image of a planet in some heavy duty nebula.  I have it set up so the min width is 1000px and max is 1500px. I have the sides fading out and this looks great with larger screens. What I&#39;d like to try to do is when you&#39;re looking at it on a mobile device for example and it&#39;s cutting off the width at 1000 pixels, I&#39;d like the image say 1300 pixels wide, centered and 150 pixels is cut off each side so you can&#39;t see the fade out at all, but is still able to then enlarge is the window&#39;s width becomes larger say on like a large iMac and that fade then becomes visible again once you pass that 1300 pixel width. 

My initial thought was to do something with negative margins on either side, but I couldn&#39;t get this to work while keeping the max and mix widths.

This is that specific section of code from the page, though the html and css is right there for everyone to see, you can just use the fine command to find that div ID for any further looking.

    &lt;div style=&quot;position:relative;width:100%;&quot;&gt;
       &lt;div id=&quot;help&quot; style=&quot;
          position:relative;
          z-index:1;
          height:100%;
          min-width: 1000px;
          max-width: 1500px;
          margin: 0 auto;
       &quot;&gt;
          &lt;img src=&quot;http://i.stack.imgur.com/tFshX.jpg&quot; border=&quot;0&quot; style=&quot;width:100%;&quot;&gt;
       &lt;/div&gt;
    &lt;/div&gt;

Any thoughts on this, it&#39;s very close to working the way I&#39;d like it to, just needs a small tweak.


sizing div based on window width

How to add margin top to `class=&quot;row&quot;` elements using twitter bootstrap framework?

Twitter Bootstrap - add top space between rows

Is there any way to center html elements vertically or horizontally inside the main parents?

Content Type	Original Author	Original Content on Stackoverflow
Question	ali	View Question on Stackoverflow
Solution 1 - Html	NotJay	View Answer on Stackoverflow
Solution 2 - Html	Brendan	View Answer on Stackoverflow
Solution 3 - Html	Swader	View Answer on Stackoverflow

How do I make corners rounded only on the top part of the border in css?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

How do I determine if current time is within a specified range using Python's datetime module?

What is the best way to iterate over multiple lists at once?

Attributions