Меняем style.css
Вот это:
#logo {
position: absolute;
left: 50%;
top: 15px;
}
#logo img {
margin-left: -50%;
}
меняем на:
#logo img {
width:100%;
}
Качество лого ухудшается т.к. его первоначальный размер меньше ширины шапки. Ширина шапки 1000px, следовательно и лого надо такой же ширины.
а какой должен быть размер лого ?
Надо логотип переделать, увеличив его длину (по горизонтали). Что толку что вы его растянете! Он действительно растянется и получится у вас «кривое зеркало». А если его растянуть с соблюдение пропорций — он станет непомерно большим. Так что тут вся проблема в преварительной подготовке логотипа. За основу высоты возьмите высоту имеющего. Ширину (горизонталь) подберите опытным путем.
Фотошоп в помощь!
Размер лого 1000px, высота, в принципе, не важна
в фотошопе подготовьте лого нужного размера сразу. это извращение растягивать картинку меньшего размера и качество и пропорции испортятся
в фотошопе подготовьте лого нужного размера сразу. это извращение растягивать картинку меньшего размера и качество и пропорции испортятся
Золотые слова!. Предварительное создание нужного по размерам лого — едлинственное разумное решение проблемы!
я сначала нарисовал логотип размеров 2048 в высоту
а не подскажите как растянуть сам блок для меню и новостей
а не подскажите как растянуть сам блок для меню и новостей
Для каждого вопроса — своя тема
Сделал так #logo img {
width:100%;
}
и почему то у меня меню гадкое стало
#mainmenu-container
добавь float:left;
#logo img — уберите position:absolute;
Вам надо в стилях разбираться, внешний вид от них зависит.
огроное вам спасибо огромное, я CSS только не много знаю ((
а что можно почитать по CSS
