Как убрать бордюр родительского элемента?

[ObanTM]

Здравствуйте.

Ситуация такая. Блок виджета для сайта на движке wordpress очерчен бордюром слева. Внутри этого блока есть блок названия виджета. Сейчас выдача выглядит так:

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

Поиграл с z-index, но безуспешно.

Спасибо.

[Cerberus]

Хотя бы код приведите...

Или ссылку на сайт.

[Modestes]

Пропиши к блоку border:none;

[Cerberus]

А если там так:

<div c border> <div>ПОПУЛЯРНОЕ</div> </div>

, то исчезнет граница у всего внешнего div. А я понял, что надо убрать только у заголовка.

Тогда надо по-другому решать данный вопрос.

Но лучше увидеть исходник. Или дайте ссылку на сайт - сами посмотрим.

[ObanTM]

Там традиционная выдача для Wordpress'овской обработки виджетов:

<div id="%widgetname%" class="box_small box widget widget_%widgetname%">
<h3 class="widgettitle">%widgettitle%</h3>
...
</DIV>

в файлах CSS из указанных классов описываются только два:

в style.css

.box{
width:270px;
overflow: hidden;
margin-bottom:10px;
clear:both;
}

и в style3.css (цветовая схема)

.box {
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.widgettitle {
color:#cd1713;
width:270px;
text-transform:uppercase;
vertical-align:middle;
font-size:medium;
font-weight:bold;
border-bottom:3px solid #eee;
}

и да, мне нужно убрать левый бордюр только напротив заголовка.

Спасибо!

[s100]

Ну так и ищите h3. Или ссылку на сайт дайте чтобы быстрее ответить.

[ObanTM]

в Wordpress блок виджета создаётся собственной PHP-функцией register_sidebar () (оформление передается через переменные before_widget, after_widget, before_title, after_title), поэтому поиск тега h3 ничего не даст. Изменить его положение (поставить над div) невозможно без переписывания кода функции.

Поэтому мне интересно, можно ли _средствами CSS_ наложить дочерний блок h3 так, чтобы он затёр левую границу родительского блока div.

И ссылка на мой сайт тут совершенно ни при чем

[Modestes]

WP не юзал, но исходя из небольшого опыта в Joomla то в php этого виджета должен быть тег h3 или какой вам там нужен, разметка то все равно на HTML.

В joomla если я не находил стили какого либо тега, то искал этот тег в PHP,

плюс бывало такое что стили прописаны в самом файле PHP а не в СSS, к примеру:

echo'<div style=" bla bla bla">';

........

echo'</div>';

через тотал командер поищите id или class этого блока или небольшой кусок кода.

Edited June 1, 2012 by Modestes

[WabFad]

h3.widgettitle {background-color:#fff;position:relative;margin-left:-2px;overflow:visible;}

типа того.

или absolute...что то из этого должно работать.

[ObanTM]

h3.widgettitle {background-color:#fff;position:relative;margin-left:-2px;overflow:visible;}

типа того.

или absolute...что то из этого должно работать.

с relative текст сдвигается и часть первой буквы прячется под границу, но сама граница остаётся

с absolute границу затирает, но на заголовок наползает остальное содержимое блока... (если указать absolute и в описании .box, то вообще всё ломается.

ладно, фокус не удался. Буду придумывать другие варианты оформления.

Всем спасибо

WP не юзал, но исходя из небольшого опыта в Joomla то в php этого виджета должен быть тег h3 или какой вам там нужен, разметка то все равно на HTML.

В joomla если я не находил стили какого либо тега, то искал этот тег в PHP,

плюс бывало такое что стили прописаны в самом файле PHP а не в СSS, к примеру:

echo'<div style=" bla bla bla">';

........

echo'</div>';

через тотал командер поищите id или class этого блока или небольшой кусок кода.

Я знаю, что стиль тэга h3 описан (.widgettitle) и что он (тэг) передается в функцию, формирующую виджет, через переменную (т.е. before_title="<h3 class="widgettitle">", after_title="</h3>"), но что дают мне эти знания?

Edited June 2, 2012 by ObanTM

[WabFad]

h3.widgettitle {background-color:#fff;position:relative;margin-left:-2px;overflow:visible;}

типа того.

или absolute...что то из этого должно работать.

с relative текст сдвигается и часть первой буквы прячется под границу, но сама граница остаётся

с absolute границу затирает, но на заголовок наползает остальное содержимое блока... (если указать absolute и в описании .box, то вообще всё ломается.

ладно, фокус не удался. Буду придумывать другие варианты оформления.

Всем спасибо

WP не юзал, но исходя из небольшого опыта в Joomla то в php этого виджета должен быть тег h3 или какой вам там нужен, разметка то все равно на HTML.

В joomla если я не находил стили какого либо тега, то искал этот тег в PHP,

плюс бывало такое что стили прописаны в самом файле PHP а не в СSS, к примеру:

echo'<div style=" bla bla bla">';

........

echo'</div>';

через тотал командер поищите id или class этого блока или небольшой кусок кода.

Я знаю, что стиль тэга h3 описан (.widgettitle) и что он (тэг) передается в функцию, формирующую виджет, через переменную (т.е. before_title="<h3 class="widgettitle">", after_title="</h3>"), но что дают мне эти знания?

к абсолютному

height:30px;

width:Npx;

или к относительному

z-index:1;

и родителю position:relative z-index:2;

(или наоборот,не помню как з-индекс работает.)

Edited June 2, 2012 by WabFad

[Softlink]

Номер раз и номер два.