Вставка логотипа в определённое местом с адаптивной теме

@Ильнар86 · Регистрация: 29.03.2015

Author24 — интернет-сервис помощи студентам

Здравствуйте,помогите с таким вопросом: как поставить логотип в определённое место чуть выше меню на сайте?Я padding опустил немного для места логотипа,а вот как туда вставлять это уже проблемка

вот сам сайт

@Fedor92 · 27.01.2016, 19:04

Ильнар86, этот код был написан для примера... У Вас стиль будет:

CSS

#masthead>div>img{
display:block;
margin 0 auto
}

И, кстати, header походу не закрыли...

@Ильнар86 · 27.01.2016, 19:16 **[ТС]**

Сообщение от Fedor92

И, кстати, header походу не закрыли...

пардон,а это как? Кстати результат такой же

(((может что-то ему мешает встать по середине?

@Fedor92 · 27.01.2016, 19:24

Сообщение от Ильнар86

может что-то ему мешает встать по середине?

Ничего не мешает...

Вставка логотипа в определённое местом с адаптивной теме

@Ильнар86 · 27.01.2016, 19:35 **[ТС]**

Сообщение от Fedor92

Ничего не мешает..

а,всё понял))плюсик кажется поставил в репутацию)))в F12 зашёл в стилях и отредактировал и добавил уже непосредствено в style.css ))) а у меня ещё вот такой вопрос,если я захочу логотип сейчас поменять или сделать его поменьше мне надо будет снова прописывать этот код?

@Fedor92 · 27.01.2016, 19:41

Сообщение от Ильнар86

а у меня ещё вот такой вопрос,если я захочу логотип сейчас поменять или сделать его поменьше мне надо будет снова прописывать этот код?

Лучше использовать тот код, который предложил я, поскольку сейчас Ваши правила будут применяться ко всем картинкам на странице, что не айс... У Вас не получилось выровнять моим кодом, потому-что забыли указать margin... Код прописывать ещё раз не надо... Лучше всего присвоить картинке класс или идентификатор и уже через него применять правила...

@Ильнар86 · 27.01.2016, 19:50 **[ТС]**

Сообщение от Fedor92

Лучше использовать тот код, который предложил я, поскольку сейчас Ваши правила будут применяться ко всем картинкам на странице, что не айс...

то есть сейчас все изображения будут по середине если это правило применяется ко всем картинкам?

хм...

@Fedor92 · 27.01.2016, 20:10

Сообщение от Ильнар86

то есть сейчас все изображения будут по середине если это правило применяется ко всем картинкам?

Именно... И это видно по кнопкам... Поэтому я Вам повторяю, возьмите мой код и внимательно его скопируте в стили... В прошлый раз ничего не вышло, потому, что Вы добавили только display и забыли добавить margin! Я в консоли проверял...

Сейчас Вы применили стили ко всем элементам на странице, которые имеют тег img, поэтому стили применяются ко всем картинкам, а не только к лого...

@Ильнар86 · 27.01.2016, 20:25 **[ТС]**

Сообщение от Fedor92

Поэтому я Вам повторяю, возьмите мой код и внимательно его скопируте в стили

Так,ну вот смотри я скопировал этот код в style.css в самый конец страницы(там же без арзницы куда вставлять?) и он заново встал слева

PHP

#masthead>div>img{
display:block;
margin 0 auto
}

@Fedor92 · 27.01.2016, 21:09

Сообщение от Ильнар86

Так,ну вот смотри я скопировал этот код в style.css в самый конец страницы(там же без арзницы куда вставлять?) и он заново встал слева

Интересное кино...

Ошибку нашёл... Мой косяк... Конечно же:

CSS

#masthead>div>img{
display:block;
margin: 0 auto
}

Пропустил двоеточие...

Сори...

@Ильнар86 · 28.01.2016, 16:47 **[ТС]**

Сообщение от Fedor92

Пропустил двоеточие... Сори...

ёмаё,и я не догадался

Вот теперь всё шикарно)))благодарю)))

@Fedor92 · 28.01.2016, 16:52

Сообщение от Ильнар86

ёмаё,и я не догадался

Я вчера с Кандратием поздоровался...

Особенно после 28 поста... Правила вроде добавили правильно, а отображается только первое...

@Ильнар86 · 28.01.2016, 16:55 **[ТС]**

да капец,вроде мелочь,а играет какую роль

@Ильнар86 · 29.01.2016, 18:27 **[ТС]**

Простите пожалуйста,чтоб новую тему не открывать я тут наверно вопрос задам

вот в вашем коде

PHP

 #masthead>div>img{
display:block;
margin: 0 auto
}

я заострил внимание на

PHP

#masthead

то есть это логотипа который находится в этом блоке да!?

а вот как быть если хочу например сделать адаптивно также для другого элемента?Например вот для этого рисунка который выполняет роль "кнопки" ?

@Fedor92 · 29.01.2016, 20:11

Сообщение от Ильнар86

Например вот для этого рисунка который выполняет роль "кнопки" ?

CSS

1	#masthead>a:first-child>img{Ваши стили}

Но лучше всего использовать для этих целей идентификатор внутри тега img...

@Ильнар86 · 30.01.2016, 10:44 **[ТС]**

Сообщение от Fedor92

Но лучше всего использовать для этих целей идентификатор внутри тега img...

блин,ну для меня сложнее

ну ведь можно и вот так думаю размещать нужные свойства!?

@Fedor92 · 30.01.2016, 10:48

Так эти стили не пишутся в style.css...

Они в остаются в инспекторе объектов и нужны только для тестирования свойств в режиме онлайн без перезаписи файлов - css на сервере...

@Ильнар86 · 30.01.2016, 11:09 **[ТС]**

Сообщение от Fedor92

Так эти стили не пишутся в style.css... Они в остаются в инспекторе объектов и нужны только для тестирования свойств в режиме онлайн без перезаписи файлов - css на сервере...

Не,это понятно,это как пример просто привёл)))потом же я в css буду заносить его))я о том что можно же и так делать для каждого элемента?!

и кстати я правильно сделал чтоб у меня также как и логотип был по середине на различных разрешениях экрана по середине?или мне ещё

PHP

1	display:block

прописывать надо?

@Fedor92 · 30.01.2016, 11:32

Сообщение от Ильнар86

прописывать надо?

Только стили как у картинки...

@Ильнар86 · 30.01.2016, 11:36 **[ТС]**

Сообщение от Fedor92

Только стили как у картинки...

эмм,простите,это как?

@Fedor92 · 30.01.2016, 12:14

Сообщение от Ильнар86

эмм,простите,это как?

Ну как ещё то?

CSS

1	{display:block; margin:0 auto}

- эти два стиля позволят Вам разместить кнопку горизонтально по центру на всех разрешениях... К какому селектору применить я отписал в 34 посте...

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	27.01.2016, 19:16 [ТС]	22
	Сообщение от Fedor92 И, кстати, header походу не закрыли... пардон,а это как? Кстати результат такой же(((может что-то ему мешает встать по середине? 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	27.01.2016, 19:24	23
	Сообщение от Ильнар86 может что-то ему мешает встать по середине? Ничего не мешает... 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	27.01.2016, 19:50 [ТС]	26
	Сообщение от Fedor92 Лучше использовать тот код, который предложил я, поскольку сейчас Ваши правила будут применяться ко всем картинкам на странице, что не айс... то есть сейчас все изображения будут по середине если это правило применяется ко всем картинкам? хм... 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	28.01.2016, 16:52	31
	Сообщение от Ильнар86 ёмаё,и я не догадался Я вчера с Кандратием поздоровался... Особенно после 28 поста... Правила вроде добавили правильно, а отображается только первое... 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	30.01.2016, 11:32	38
	Сообщение от Ильнар86 прописывать надо? Только стили как у картинки... 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	27.01.2016, 19:35 [ТС]	24
	Сообщение от Fedor92 Ничего не мешает.. а,всё понял))плюсик кажется поставил в репутацию)))в F12 зашёл в стилях и отредактировал и добавил уже непосредствено в style.css ))) а у меня ещё вот такой вопрос,если я захочу логотип сейчас поменять или сделать его поменьше мне надо будет снова прописывать этот код? Миниатюры 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	27.01.2016, 19:41	25
	Сообщение от Ильнар86 а у меня ещё вот такой вопрос,если я захочу логотип сейчас поменять или сделать его поменьше мне надо будет снова прописывать этот код? Лучше использовать тот код, который предложил я, поскольку сейчас Ваши правила будут применяться ко всем картинкам на странице, что не айс... У Вас не получилось выровнять моим кодом, потому-что забыли указать margin... Код прописывать ещё раз не надо... Лучше всего присвоить картинке класс или идентификатор и уже через него применять правила... 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	27.01.2016, 20:10	27
	Сообщение от Ильнар86 то есть сейчас все изображения будут по середине если это правило применяется ко всем картинкам? Именно... И это видно по кнопкам... Поэтому я Вам повторяю, возьмите мой код и внимательно его скопируте в стили... В прошлый раз ничего не вышло, потому, что Вы добавили только display и забыли добавить margin! Я в консоли проверял... Сейчас Вы применили стили ко всем элементам на странице, которые имеют тег img, поэтому стили применяются ко всем картинкам, а не только к лого... 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	28.01.2016, 16:47 [ТС]	30
	Сообщение от Fedor92 Пропустил двоеточие... Сори... ёмаё,и я не догадался Вот теперь всё шикарно)))благодарю))) 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	28.01.2016, 16:55 [ТС]	32
	да капец,вроде мелочь,а играет какую роль 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	30.01.2016, 10:44 [ТС]	35
	Сообщение от Fedor92 Но лучше всего использовать для этих целей идентификатор внутри тега img... блин,ну для меня сложнее ну ведь можно и вот так думаю размещать нужные свойства!? Миниатюры 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	30.01.2016, 10:48	36
	Так эти стили не пишутся в style.css... Они в остаются в инспекторе объектов и нужны только для тестирования свойств в режиме онлайн без перезаписи файлов - css на сервере... 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	30.01.2016, 11:36 [ТС]	39
	Сообщение от Fedor92 Только стили как у картинки... эмм,простите,это как? 0

Вставка логотипа в определённое местом с адаптивной теме

Решение