Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Помогите с css логотипа

#1 SeredinPlus

SeredinPlus
  • Пользователь
  • 235 сообщений
  • Репутация: 8
0

Отправлено 20 Апрель 2012 - 15:57

Работаю над сайтом школы - 1school.16mb.com необходимо сделать логотип вверху больше и по высоте и по длине, но каким бы размером изображение я туда не ставил - не выходит. Думаю, что всё дело в css коде. Так же логотип отображается как-то ближе к верху чем в меню, немного некрасиво смотрится( в файрфокс у меня). Прошу помочь настроить css код.
У меня шапка выглядит так:
Изображение
Если не врёт FireBug, то код этого куска
#header {
	margin-bottom: 20px;
	overflow: hidden;
}
ИЛИ этот:
a img {
	border: medium none;
}
reset.css (строка 16)
fieldset, img {
	border: 0 none;
}
P.S. Прошу не закидывать помидорами, в CSS не соображаю абсолютно.

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 20 Апрель 2012 - 16:26

Какая есть у вас картинка для логотипа такая и отображается.
Изображение
Чего вы от нее хотите?
Сделать больше? Так нарисуйте ее больше.
Или хотя бы в стилях напишите
#logo a img{
  width: 400px;
}
тогда картинка вместо своих исходных 340px в ширину будет 400px, хотя это не красиво будет, лучше картинку исправить.

По поводу полей.
У вас для шапки стиль
#header { margin-bottom:20px; overflow:hidden; }
в нем указан отступ снизу 20px, вот его вы и видите.
Хотите уменьшить отступ — уменьшайте это значение и подбирайте, как для вас лучше смотрится.
Хотите чтоб одинаково было вверх и вниз, замените тогда эту строку на
#header {margin: 20px 0; overflow:hidden; }
будет отступ и сверху и снизу по 20 точек.

Это все у вас живет в файле стилей _http://1school.16mb.com/wp-content/themes/boulevard/style.css
  • 1

#3 SeredinPlus

SeredinPlus
    Topic Starter
  • Пользователь
  • 235 сообщений
  • Репутация: 8

Отправлено 20 Апрель 2012 - 16:32

С отступами всё понял, благодарю, а на счёт шапки не очень. Хочу сделать её больше где-то 400 на 90 (примерно). Подскажите, какой для этого необходим код и какой размер шапки будет лучше смотреться на данном шаблоне? А на счёт её прорисовывания - сделаем, главное, чтобы с css всё было в норме.
  • 0

#4 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 20 Апрель 2012 - 16:40

Какая будет картинка, так и отобразится.
В css нет ничего ограничивающего ее размер, так что его править не потребуется.

То что я выше написал, это если лень перерисовывать картинку и отдать ее увеличение браузеру. Он, конечно, увеличит, но будет смотреться не очень.
  • 0

#5 SeredinPlus

SeredinPlus
    Topic Starter
  • Пользователь
  • 235 сообщений
  • Репутация: 8

Отправлено 20 Апрель 2012 - 16:57

я перерисовываю уже сам, т.к. все исходники есть. Посоветуйте просто пожалуйста размер изображения, который будет хорошо смотреться на этом сайте. Ещё шрифты для надписи на логотипе подбираю, если знаете какой-нибудь подходящий - говорите)
Изображение
Так лучше смотрится? Нет? Говорите, если что не так, будем менять. Хочется хорошо сделать, школа как никак требует)

Сообщение отредактировал SeredinPlus: 20 Апрель 2012 - 17:09

  • 0

#6 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 20 Апрель 2012 - 17:10

Посоветуйте просто пожалуйста размер изображения, который будет хорошо смотреться на этом сайте. Ещё шрифты для надписи на логотипе подбираю, если знаете какой-нибудь подходящий - говорите)

Ну это уже вопросы для раздела про дизайн, а не про языки разметки. :)

А так "хороший" размер изображения — это когда значимые его части "читаются" (т.е. хорошо различимы без напряжения зрения) и при этом сам файл не очень много весит в килобайтах, чтобы не влиять на скорость загрузки сайта. Про шрифты — ровно тоже самое.

Так лучше смотрится? Нет?

Очень мелкий логотипчик, особенно, если есть желание не просто сказать, что он есть, а чтобы посетители поняли, что на нем изображено.

Сообщение отредактировал yury: 20 Апрель 2012 - 17:13

  • 0

#7 SeredinPlus

SeredinPlus
    Topic Starter
  • Пользователь
  • 235 сообщений
  • Репутация: 8

Отправлено 20 Апрель 2012 - 17:16

Разве мелко? 400х95 вышло, ещё больше делать?


  • 0

#8 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 20 Апрель 2012 - 17:18

А нет. Это у меня закэшировалась картинка. Так лучше. Можно еще немного крупнее.
Но я серьезно говорю, за советом про подбор логотипа и шрифтов вам лучше обратиться в тематический раздел: Дизайн сайтов


  • 0

#9 SeredinPlus

SeredinPlus
    Topic Starter
  • Пользователь
  • 235 сообщений
  • Репутация: 8

Отправлено 20 Апрель 2012 - 17:20

Понял, спасибо за помощь. Если ещё что-то в логотие криво выглядит - говорите сейчас, пока сижу исправляю))


  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru