Jump to content
Sign in to follow this  
aka75

Изменяется стиль после установки тега <h2>

Recommended Posts

День добрый!!! Други подскажите почему изменяется стиль вывода ссылок после обертывания их в тег <H2>. По идее они же не должны менять ни цвет ни размер ... или я чего то недопонимаю:huh:

Share this post


Link to post
Share on other sites

Тогда глубокий смысл обертывания, если вы рассчитывали что ничего не изменится?

Share this post


Link to post
Share on other sites
Цитата

 почему изменяется стиль вывода ссылок после обертывания их в тег <H2>. По идее они же не должны менять ни цвет ни размер 

откуда такое заключение?

Откройте страницу

В Инспекторе кода- выделите один из пунктов меню

Правый щелчок- Edit as Html

удалите внедренный вам тег ( H1) открывающий и закрывающий

Не обновляя страницу сравните стили этого элемента со стилями соседних пунктов меню.

Допишите нужные стили для соседних пунктов меню, чтобы привести их к тому же виду.

Внесите изменения в stylesheet.css

Share this post


Link to post
Share on other sites

Ну просто большая разница для стилей 

 

теги

 

<a href=""><h2> </h2></a>

 

и 

 

<h2> <a href=""></a></h2>

 

смекаешь? :wink:

Share this post


Link to post
Share on other sites
26 минут назад, zlatoff сказал:

Тогда глубокий смысл обертывания, если вы рассчитывали что ничего не изменится?

То есть как только я делаю вот так <h1><a href="http://ссылка на сайт">ТЕКСТ ЗАГОЛОВКА</a></h1> то стиль вывода ссылки неизбежно меняется?

Share this post


Link to post
Share on other sites
7 минут назад, Yurta сказал:

Ну просто большая разница для стилей 

 

теги

 

<a href=""><h2> </h2></a>

 

и 

 

<h2> <a href=""></a></h2>

 

смекаешь? :wink:

Ни хрена не смекаю :D Потому и спрашиваю))))) Вот снимок , на нем я добавил <h2> и он сцука (она - всмысле ссылка)  стала отличаться от других по стилю , ПОЧЕМУ это происходит))))

Снимок.PNG

Share this post


Link to post
Share on other sites

Значит где-то в стилях есть приоритетная запись, типа

h2 > a {
	...
}

(или "h2 a", "h2 span" и т.п.).

 

Так же может быть (и скорее всего так и есть) у вас в стилях сейчас что-то типа

.elem1 > a {
	...
}

Когда вы вставляете промежуточный тег - правило нарушается.

Edited by materialcart
  • +1 1

Share this post


Link to post
Share on other sites
5 минут назад, materialcart сказал:

Значит где-то в стилях есть приоритетная запись, типа

h2 > a {
	...
}

(или "h2 a", "h2 span" и т.п.).

 

Так же может быть (и скорее всего так и есть) у вас в стилях сейчас что-то типа

.elem1 > a {
	...
}

Когда вы вставляете промежуточный тег - правило нарушается.

Спасибо. Что такое предполагал, буду искать...

Share this post


Link to post
Share on other sites
6 минут назад, aka75 сказал:

буду искать...

Можете в лс скинуть ссылку на ваш сайт, подскажу в чем именно дело.

Share this post


Link to post
Share on other sites
19 минут назад, aka75 сказал:

Спасибо. Что такое предполагал, буду искать...

 

 

Так у тебя там вообще меню через ul > li > a

 

и ты в него ставишь H2

 

ПОЭТОМУ идешь в свои стили ищешь и пишешь в самом низу , это я самый деревянный способ написал не видя сайта и его стилей

 

.unico-menu h2 a {

color: #fff;

text-decroration: none;

margin-top: 5px

}

 

для margin-top: пишиу свои цифры 5, 7 или 10 чтоб ровно было со всеми можно еще добавить font-size: 16px если размер будет не совпадать

  • +1 1

Share this post


Link to post
Share on other sites

Ребята всем большое спасибо в частности materialcart,Yurta и автору моего шаблона inguard . Проблема решена !!!!! Гип гип Ура товарищи!!!!!

Share this post


Link to post
Share on other sites

Аллилуйя, братья и сестры :)

Edited by Yurta

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.