Grigruss

UTF-32

Без JS или jQuery не обойтись... .animate()

Вроде бы так...

<div style="overflow: auto;"><div>
<table width="100%" height="300" cellspacing="0" cellpadding="0" border="0">
<tbody>
  <tr>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    <td valign="middle" style="font-size:0;line-height:0;" height="300">
      <img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
    </td>
    </tr>
</tbody></table></div>
</div>

JS: onmouseover, onmouseout

(function(s) {
    var n;
    s(".tabs li").on("click", "li:not(.active)", function() {
        n = s(this).parents(".tabs_block"), s(this).dmtabs(n)
    }),
    s.fn.dmtabs = function(n) {
        s(this).addClass("active").siblings().removeClass("active"), n.find(".box").eq(s(this).index()).show(1, function() {
            s(this).addClass("open_tab")
        }).siblings(".box").hide(1, function() {
            s(this).removeClass("open_tab")
        })
    }
})(jQuery);

Вроде так...

var cnt = $('ul').length;
if(cnt<4){$('ul').addClass('ul-class-example');}
else{$('ul').removeClass('ul-class-example');}

На линуксе делал. На винде не интересно...

Ubuntu Touch по сути линукс, причем на базе Debian. Так что стоит изучить линукс.

Я выкручиваюсь так:

.main{max-width:75%;min-width:75%;width:75% !important}
.aside-1{max-width:25%;min-width:25%;width:25% !important}

но не всегда помогает... проще через JS...

в дополнение может пригодиться: whois ru

Среднюю кнопку мыши никогда не использовал, поэтому не знаю. Правая по умолчанию открывает popup-меню, но можно его заменить своим: habrahabr.ru/post/43111
Левая кнопка мыши:

$('body').click(function(){
    // Любой свой код
});

Если используется jQuery не проще ли использовать $.post() или $.get() ? Не увидел в коде ничего, что нельзя сделать с помощью этих функций... проще должно быть...

padding:5px;
или
margin:5px;

... или эту jquery.mb.browser.js

Не знаю как в нативном JS, а в jQuery метод .animation().

на чистом HTML:

<div>
<div style="float:left"><a href="#1"><img src="path/to/first.img"><br>Подпись1</a></div>
<div style="float:left"><a href="#2"><img src="path/to/second.img"><br>Подпись2</a></div>
<div style="float:left"><a href="#3"><img src="path/to/third.img"><br>Подпись3</a></div>
<hr style="clear:both;">
<div><a name="1"></a><img src="path/to/big-first.img"><p>Какой нибудь текст описания 1</p></div>
<div><a name="2"></a><img src="path/to/big-second.img"><p>Какой нибудь текст описания 2</p></div>
<div><a name="3"></a><img src="path/to/big-third.img"><p>Какой нибудь текст описания 3</p></div>
</div>

Можно и на jQuery, но надо ли?