Александр Хиренко

А CSS media queries Вам не подходят?

Можно как-то так:
jsfiddle.net/y5qytwxt

Если нужны тени то их тоже вполне реально реализовать на CSS3, не стал заморачиваться.
Ну и решение только для одноцветного фона.

Можно еще так :)

$(document).ready(function() {
    var child = $('.child');
    
    $('.parent').hover(function() {
        child.show();
    }, function() {
        child.hide();
    });
});

jsfiddle.net/b2nU8

Как-то так:
jsfiddle.net/hxAB9

В Вашем случае нужно использовать массив
myVar[var_name] = 'test';

Вот пример на jQuery:
jsfiddle.net/B4NJs

А как Вы их добавлять/удалять/сортировать будете, руками?
Конечно, если у Вас 3 страны то можно занести в массив и все, но если их много, то советую хранить в БД.

Вы сами себе придумайте задание, чтобы Вам было интересно. Задайтесь целью. Подумайте, что бы Вы всегда хотели сделать и начните это реализовывать, так Вам будет на много интересней чем выполнять дурацкие тесты.

Вы хоть понимаете что делаете? У Вас в переменных будет последнее значение выборки.

Вам либо надо делать echo сразу в while:

while($data = mysql_fetch_array($qr_result)){
echo '<div>
  <h1>' . $data['title'] . '</h1>
  <p>' . $data['text'] . '</p>
</div>';
}

либо в шаблоне.

Никакого преступления здесь нет.
display: table-cell часто используют для вертикального выравнивания блоков.

К сожалению, на CSS2 решения я не придумал.
На CSS3 это решается с помощью flex

Так?
jsfiddle.net/4Ht3z/1

Вы меня прям заинтересовали:)
Вот как-то так:
jsfiddle.net/Kaqn8/1

Только тут используется CSS3 добавьте префиксы для разных браузеров в border-radius

Скорее всего, Вам нужно это phonegap.com