Наверное многим, как и мне, не нравилось что менюшка достаточно широкая, а вставляемая в неё картинка, как ни крути, сильно сжимается и выглядит непрезентабельно. Вот могу порекомендовать один метод для решения этой проблемы, с использованием css
Всё работает на IE6, FF2, O9, на других не проверял.
читать дальше
Идея состоит вот в чём. Как бы мы ни старались, фотография всё равно не будет видна на главной - там показывается пересжатая уменьшенная копия. Поэтому мы её меняем на прозрачную, которая и весит мизер, и не видна А настоящую нашу картинку мы указываем фоном для этой области. Единственно, необходимо указывать значение высоты (выделена жирным) для каждой картинки отдельно. В моем случае для картинки высотой в 280пх использовано значение 260пх.
1. В качестве фотографии нам нужно закачать прозрачную, вот такую:
2. А также, ннам понадобится картинка, которую мы хотим вместо фотографии.
3. Вводим такой код:
#thisDiaryInfo
{
background:url('путь к картинке на замену');
background-repeat:no-repeat;
background-position:top 100%;
}
#thisDiaryPhoto
{
height: 260
}