MasterAM
ОБСУЖДЕНИЕ

Помощь с таблой(CSS)

9 сообщений1 просмотровЗакрыта
#1
Всем привет)

Сделал ссылки в виде таблицы,с иконками, но такая проблема появилась:

Если одну ссылку подписать,допустим - Новости проекта, вторую - Обмен файлами, то блоки смещаются и выводятся неровно. Т.е. если в ссылке неодинаковое количество символов, то косяк.

Нужно исправить этот косяк, что-бы блоки не смещались, а были равны по отношению друг к другу.

Прикрепляю скриншот.
#2
max-width: 33%;

Возможно? Не силен в css.
Но попробуй
#3
Mi4ok, Пробовал уже, не помогает, но спасибо)
#4
Manager, Почитай)
cyberforum
#5
код блока кинь. А вообще устанавливай едину ширину для всех блоков, и добавь свойство переноса текста word-wrap
#6
min-width: 33%; max-width: 33%;
#7
overflow: hidden;
#8
Вот код, но с атрибутом "overflow: hidden;" все равно блоки расширяются

BASH

echo "<table style='overflow: hidden;'><tr>";
echo "<td class='index_a'>";
echo "<center><a href ='/news/'><img src='/style/icons/feed.png'></br>Новости</br> проекта</br></a></center>";
echo "</td>";

echo "<td class='index_a' >";
echo "<center><a href ='/guest/'><img src='/style/icons/guest_book.png'></br>Гостевая</br>книга</br></a></center>";
echo "</td>";

echo "<td class='index_a'>";
echo "<center><a href ='forum/'><img src='/style/icons/forum.png'></br>Форумы</br></a></center>";
echo "</td>";
echo "</tr></table>";


echo "<table style='overflow: hidden;'><tr>";
echo "<td class='index_a'>";
echo "<center><a href ='/obmen/'><img src='/style/icons/obmen.png'></br>Файлы</a></center>";
echo "</td>";

echo "<td class='index_a'>";
echo "<center><a href ='/plugins/status/'><img src='/style/icons/status.png'></br>Наши<br>статусы</a></center>";
echo "</td>";

echo "<td class='index_a'>";
echo "<center><a href ='/foto/'><img src='/style/icons/photo_gallery.png'></br>Фото</br></a></center>";
echo "</td>";
echo "</tr></table>";


echo "<table style='overflow: hidden;'><tr>";
echo "<td class='index_a'>";
echo "<center><a href ='/gangs/'><img src='/style/icons/gang.png'></br>Банды</a></center>";
echo "</td>";

echo "<td class='index_a'>";
echo "<center><a href ='/online_games.php'><img src='/style/icons/online_games.png'></br>Онлайн</br>игры</a></center>";
echo "</td>";

echo "<td class='index_a'>";
echo "<center><a href ='/user/users.php'><img src='/style/icons/users.png'></br>Жители<br>сайта</br></a></center>";
echo "</td>";
echo "</tr></table>";
#9
Тему закрыл Manager!
Причина: А ларчик просто открывался

Проблема крылась в диве, в который была завёрнута иконка с текстом

CODE

height: 100px; /* Высота блока */
width: 100px; /* Ширина блока */


Всем большое спасибо за помощь :)