Ключевое слово "Вид вкладки".
Т.е. то что открывает нам по ссылке "Империя" набор наших планок, обс и лун.
1. Картинки:
Скомпоновать можно, наверное уменьшив разрешение картинки планет
<img src=" images//htmlimages_0.jpg" alt="Маленькая картинка" width="90"
height="80" />
2. Название планет под картинками, выводить в поле определённой "ширины" и названия по вертикали (универсальный способ):
<html>
<head>
<style type="text/css">
html>body .obj { display: block; }
html>body .vert { display: none; }
.obj, .vert { height: 90px; width: 20px; }
.vert_old { font-family: Tahoma, Arial; font-size: 16px; color: #333333;
width: 90px; }
</style>
<![if IE]>
<style> type="text/css">
.obj { display: none; }
.vert { display: block; writing-mode: tb-rl; filter: flipv() fliph();
font-family: Tahoma, Arial; font-size: 16px; color: #333333; }
</style>
<![endif]>
</head>
<body>
<div class="vert">Vertical Text</div>
<![if !IE]>
<object class="obj" type="image/svg+xml"
data="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'>
<text x='-90px' y='15px'
font-family='Tahoma' font-size='16px' fill='#333333'
transform='rotate(-90)'
text-rendering='optimizeSpeed'>Vertical Text</text>
</svg>">
<div class="vert_old">Vertical Text</div>
</object>
<![endif]>
</body>
</html>
Визуально:
3. Количество энергии, ресурсов сократить до 4-х символов, округлять.
Титан 209.397 -> 209k
Кремний 361.557 -> 362k
Топливо 1.922.874 -> 1.9kk
4. Вместо "титан\Кремний\Топливо" вставлять очень маленькие иконки.
5. etc
