[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как научиться инспектировать стили?
Владимир55
Навигация по сайту осуществляется с помощью типового XSL шаблона, не имеющего стилей внутри себя:

/* ХЛЕБНЫЕ КРОШКИ  */ 
.navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 20px 0 20px 0;
padding-left: 1%;
font-weight: normal;
color: #6c7b3d;
}

.navigation a {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #6c7b3d;
}



<div class="navigation"> 
<?php

// Вывод строки навигации
$Structure_Controller_Breadcrumbs = new Structure_Controller_Breadcrumbs(
Core_Entity::factory('Site', CURRENT_SITE)
);

$Structure_Controller_Breadcrumbs
->xsl(
Core_Entity::factory('Xsl')->getByName('ХлебныеКрошки')
)
->
show();
?>
</div>


А получается, что название открытой страницы подпрыгивает вверх (скриншот).

Как можно предположить, причина в каких-то наложенных стилях, то есть в их наследовании.

Чтобы попытаться это увидеть, в Хроме жму Ф12 и получаю в правой части экрана список, в котором ничего невозможно понять...

Что здесь создает проблему?


element.style {
}

.navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
color: #6c7b3d;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: middle;
background: transparent;
font: 15px Arial,sans-serif;
}
user agent stylesheetdiv {
display: block;
}
Inherited from li#Right_column
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 15px Arial,sans-serif;
}
user agent stylesheetli {
text-align: -webkit-match-parent;
}
Inherited from ul
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 15px Arial,sans-serif;
}
user agent stylesheetul, menu, dir {
list-style-type: disc;
}
Inherited from div#string_content
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 15px Arial,sans-serif;
}
Inherited from div#Content
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 15px Arial,sans-serif;
}
Inherited from div#Contour_page
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 15px Arial,sans-serif;
}
Inherited from body
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 15px Arial,sans-serif;
}
Inherited from html
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 15px Arial,sans-serif;
}


Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.