Похожие новости

Ну хорошо, я в php, css не силен. Извините если глупый вопрос, или явно выраженная проблема, но я её найти не могу.

Подскажите что нужно поправить и как, чтобы все было хорошо и картинки стали нужного размера?

Если вы не можете даже выложить нужный код сюда, могу только посоветовать обратиться к специалисту.

Простите, ошибся и не заметил.

Вот код css

#interesting_articles{

 margin: 10px 0;   /*  Отступы от верхнего и нижнего края */

 float: left;     /* Прижимаем блок к левому краю */

 width: 100%;  /* Длина блока соответствует ширине страницы */

}

#interesting_articles ul {

 margin-left: 5px;  /*  Внешний отступ от левого края страницы */

 width: 577px;  /* Общая ширина блока без учета отступов от краев страницы */

}

#interesting_articles li {

 list-style: none;  /* Отменяем нумерацию списка (1,2,3 и т.д.) */

}

.cell{

 height: 225px;  /* Высота ячейки  */

 box-shadow: #F5F5F5 0px 2px 3px, #F5F5F5 0 0 3px inset;  /* Тень для ячеек (необязательно) */

 float: left;   /* Каждая следующая ячейка располагается слева */

 list-style: none;  /* Отменяем родительские стили */

 margin: 5px;  /* Расстояние между ячейками */

 padding: 2px;  /* Отступы от миниатюры до края ячейки */

 text-align: center; /* Текстовые заголовки расположены по центру */

 width: 157px;  /* ширина одной ячейки */

 overflow: hidden;  /* Окончания длинных заголовков, не вместившихся в ячейку, будут скрыты */

 border: #F5F5F5 solid 1px; /* Рамка вокруг ячейки */

 border-top-left-radius: 10px;  /* Закругление левого верхнего угла ячейки */

 border-top-right-radius: 10px;  /* Закругление правого верхнего угла ячейки */

 border-bottom-left-radius: 10px;  /* Закругление нижнего левого угла ячейки */

 border-bottom-right-radius: 10px;  /*Закругление нижнего правого угла ячейки */

}

.cell a:hover {

 color: #C6C600;  /* Цвет ссылки при наведении курсора */

 text-decoration:none; /* Убираем подчеркивание ссылки */

}

.cell a{

 color: #000000; /* Цвет ссылки */

 text-decoration:none; /* Убираем подчеркивание ссылки */

}

#interesting_articles li :hover{

 background-color: #f9f9f9; /* Цвет фона ячейки при наведении курсора */

}

/* Стили для мобильных устройств */

@media screen and (max-width:760px){

#interesting_articles{

width:auto;

display:block;

position:relative;

}

#interesting_articles ul {

width:auto;

}

#interesting_articles li {

float:left;

}

}

Буду очень благодарен.