X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с css логотипа
SeredinD
SeredinD
Topic Starter сообщение 20.4.2012, 16:57; Ответить: SeredinD
Сообщение #1


Работаю над сайтом школы - 1school.16mb.com необходимо сделать логотип вверху больше и по высоте и по длине, но каким бы размером изображение я туда не ставил - не выходит. Думаю, что всё дело в css коде. Так же логотип отображается как-то ближе к верху чем в меню, немного некрасиво смотрится( в файрфокс у меня). Прошу помочь настроить css код.
У меня шапка выглядит так:
[img]http://s019.radikal.ru/i610/1204/9f/716bca1c19e9.png[/img]
Если не врёт FireBug, то код этого куска
#header {
    margin-bottom: 20px;
    overflow: hidden;
}

ИЛИ этот:
a img {
    border: medium none;
}
reset.css (строка 16)
fieldset, img {
    border: 0 none;
}

P.S. Прошу не закидывать помидорами, в CSS не соображаю абсолютно.


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 20.4.2012, 17:26; Ответить: yury_mw
Сообщение #2


Какая есть у вас картинка для логотипа такая и отображается.
[img]http://1school.16mb.com/wp-content/uploads/2012/04/logo11.gif[/img]
Чего вы от нее хотите?
Сделать больше? Так нарисуйте ее больше.
Или хотя бы в стилях напишите
#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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 20.4.2012, 17:32; Ответить: SeredinD
Сообщение #3


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 20.4.2012, 17:40; Ответить: yury_mw
Сообщение #4


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

То что я выше написал, это если лень перерисовывать картинку и отдать ее увеличение браузеру. Он, конечно, увеличит, но будет смотреться не очень.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 20.4.2012, 17:57; Ответить: SeredinD
Сообщение #5


я перерисовываю уже сам, т.к. все исходники есть. Посоветуйте просто пожалуйста размер изображения, который будет хорошо смотреться на этом сайте. Ещё шрифты для надписи на логотипе подбираю, если знаете какой-нибудь подходящий - говорите)
[img]http://1school.16mb.com/wp-content/uploads/2012/04/logo11.gif[/img]
Так лучше смотрится? Нет? Говорите, если что не так, будем менять. Хочется хорошо сделать, школа как никак требует)

Сообщение отредактировал SeredinPlus - 20.4.2012, 18:09


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 20.4.2012, 18:10; Ответить: yury_mw
Сообщение #6


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

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

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

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

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

Сообщение отредактировал yury - 20.4.2012, 18:13
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 20.4.2012, 18:16; Ответить: SeredinD
Сообщение #7


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 20.4.2012, 18:18; Ответить: yury_mw
Сообщение #8


А нет. Это у меня закэшировалась картинка. Так лучше. Можно еще немного крупнее.
Но я серьезно говорю, за советом про подбор логотипа и шрифтов вам лучше обратиться в тематический раздел: Дизайн сайтов
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 20.4.2012, 18:20; Ответить: SeredinD
Сообщение #9


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


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3328 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3289 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6438 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыРазработка логотипа для салона красоты
5 Favna 3364 12.4.2021, 16:38
автор: IsaValenti


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:47
Дизайн