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


Пользователь месяца
Ixman Ixman 1-й за Октябрь
Очков активности: 693 0 тем, 33 сообщения, 14 баллов репутации
Сайт: o5cat.ru
ТОП самых активных за этот месяц
  • Фотография yuran
    #1

    yuran (yurbol.ru)
    Очков активности: 79.5 0 тем, 53 сообщения, 1 балл репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 58.5 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #3

    BLIK
    Очков активности: 48 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #4

    Mandarin
    Очков активности: 42 0 тем, 28 сообщений, 1 балл репутации

  • Фотография WGN
    #5

    WGN (worldgamenews.com)
    Очков активности: 39 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #6

    Ixman (o5cat.ru)
    Очков активности: 36 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 30 2 темы, 14 сообщений, 1 балл репутации

  • Фотография Mariko
    #8

    Mariko
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография алексс
    #9

    алексс
    Очков активности: 13.5 1 тема, 6 сообщений, 1 балл репутации

  • Фотография RosenRot
    #10

    RosenRot (abuzov.com)
    Очков активности: 13.5 1 тема, 6 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 31.10.2018
  • Яндекс выдача: 13.11.2018
Топ 5 участников по репутации


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

#1 SeredinPlus

SeredinPlus
  • Неактивные
  • 237 сообщений
  • Репутация: 8
0

Отправлено 20 April 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
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 20 April 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
  • Неактивные
  • 237 сообщений
  • Репутация: 8

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

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

#4 yury

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

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

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

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

#5 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

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

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

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

  • 0

#6 yury

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

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

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

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

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

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

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

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

  • 0

#7 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

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

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


  • 0

#8 yury

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

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

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


  • 0

#9 SeredinPlus

SeredinPlus
    Topic Starter
  • Неактивные
  • 237 сообщений
  • Репутация: 8

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

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


  • 0

robot

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


Похожие темы

  Название темы Автор Статистика Последнее сообщение

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