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


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

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

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

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

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

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

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

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

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

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

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

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

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

  • Фотография Алексей111
    #8

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

  • Фотография TimurR
    #9

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

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

    fedornabilkin (zaka4ano.ru)
    Очков активности: 24 0 тем, 4 сообщения, 4 балла репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 24.09.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