Форум Сайтостроение Веб-строительство

Помогите с вёрсткой

jack.sun
На сайте с 21.03.2009
Offline
27
jack.sun
782

Пожалуйста, помогите с вёрсткой :(

На WP создал блог фирмы. В HTML, CSS и вёрстке новичёк, только начинаю разбираться.

Кнопку создать неполучилось, поэтому просто сделал фоновое изображение в форме кнопки. Но в самом верху появилось обрезанное изображение кнопки...Как его убрать? Очень надеюсь на помощь.

Ниже привожу отрывок кода: 

</style><div id="sidebar">



<ul type="disc">

  <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(__('Left Sidebar','wp_multiflex')) ) : else : ?>

  <li>

    <h2><?php _e('Продукция','wp_multiflex'); ?></h2>

  </li>

  <li>

       <ul>

      <li>

        <?php wp_list_categories('orderby=order&title_li='); ?>

      </ul>

  </li>

  <?php endif; ?>

</ul>

</li>

</div>

Из отрывок из файла стиля: 

#sidebar li h2 {

	background-image: url(images/bg_head_bottom_nav_06.jpg);

	color: #000033;

	font-size: 2em;

	padding: 0 0 10px 30px;

	margin: 0;

	height: 30px;

}

#sidebar a {

	font-size: 1.1em;

	color: #000099;

	font-weight: bold;

	text-decoration: none;

}



#sidebar li li {

	padding: 6px 0 10px 2em;

	background-image: url(images/nav.jpg);

	background-repeat: no-repeat;

	margin: 0;

	position: static;

	background-attachment: inherit;
jpg 1.jpg
denis716
На сайте с 12.09.2007
Offline
115
denis716
#1
jack.sun:
новичёк

В русском языке тоже не профессионал...

jack.sun:
<?php _e('Продукция','wp_multiflex'); ?>

Вы лучше дайте код HTML-страницы, которая получается на выходе, а то по php-вставкам ничего не понятно )

jack.sun
На сайте с 21.03.2009
Offline
27
jack.sun
#2

denis716, прошу прощения за ошибки:) вот код, надеюсь это то, что вы имели в виду: 

<p class="edit"></p>

</div>

</div>



<link href="style.css" rel="stylesheet" type="text/css" />

<style type="text/css">

<!--

a:link {

	color: #003366;

}

a:visited {

	color: #999999;

}

a:hover {

	color: #FFA6BD;

	background-color:#AD2039

	

}

a:active {

	color: #FF00FF;

}

-->

</style><div id="sidebar">







<ul type="disc">

    <li>

    <h2>Продукция</h2>

  </li>

  <li>

       <ul>

      <li>

        	<li class="cat-item cat-item-3"><a href="http://vid68.ru/?cat=3" title="Просмотреть все записи в рубрике Окна">Окна</a>

</li>

	<li class="cat-item cat-item-4"><a href="http://vid68.ru/?cat=4" title="Просмотреть все записи в рубрике Двери">Двери</a>

</li>

	<li class="cat-item cat-item-11"><a href="http://vid68.ru/?cat=11" title="Просмотреть все записи в рубрике Перегородки">Перегородки</a>

</li>

	<li class="cat-item cat-item-6"><a href="http://vid68.ru/?cat=6" title="Просмотреть все записи в рубрике Зенитные фонари">Зенитные фонари</a>

</li>

	<li class="cat-item cat-item-7"><a href="http://vid68.ru/?cat=7" title="Просмотреть все записи в рубрике Фасадные системы">Фасадные системы</a>

</li>

	<li class="cat-item cat-item-5"><a href="http://vid68.ru/?cat=5" title="Просмотреть все записи в рубрике Входные группы">Входные группы</a>

</li>

	<li class="cat-item cat-item-13"><a href="http://vid68.ru/?cat=13" title="Просмотреть все записи в рубрике Калёное стекло">Калёное стекло</a>

</li>

	<li class="cat-item cat-item-9"><a href="http://vid68.ru/?cat=9" title="Просмотреть все записи в рубрике Зимние сады">Зимние сады</a>

</li>

	<li class="cat-item cat-item-12"><a href="http://vid68.ru/?cat=12" title="Просмотреть все записи в рубрике Все статьи">Все статьи</a>

</li>

      </ul>

  </li>

  </ul>

</li>

</div>



</div> <!-- Close id="left-wrap" -->





<!-- begin -->
Arsh
На сайте с 21.03.2007
Offline
199
Arsh
#3

В приведенном куске вроде после последнего <ul> - лишнее <li>.

Попробуй убрать.

jack.sun
На сайте с 21.03.2009
Offline
27
jack.sun
#4

Arsh, огромное спасибо🍻!!! Я пробовал убрать, но убирал не те: 

</style><div id="sidebar"> 



<ul type="disc"> 

  <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(__('Left Sidebar','wp_multiflex')) ) : else : ?> 

  <li> 

    <h2><?php _e('Продукция','wp_multiflex'); ?></h2> 

  </li> 

  <li> 

       <ul> 

      <li>    <--------------------------------------------------------УБРАТЬ

        <?php wp_list_categories('orderby=order&title_li='); ?> 

      </ul> 

  </li>    <----------------------------------------------------------УБРАТЬ

  <?php endif; ?> 

</ul> 

</li> 

</div>
S
На сайте с 10.08.2006
Offline
115
Shadow
#5
<ul>
<li>
<li class="cat-item cat-item-3">

попробуйте убрать li вернего уровня, возможно из-за него появляется ещё одно фоновое изображение

jack.sun
На сайте с 21.03.2009
Offline
27
jack.sun
#6

Спасибо всем, кто отозвася! Надеюсь на такую же оперативную поддержку в будующем! Ещё раз огромное спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий