так-то вроде все чисто, на голой странице нормально встало.
во всех браузерах так искажается? сайт можно посмотреть?---------- Добавлено 30.04.2013 в 02:33 ----------стоп. а надпись "Найти" на кнопке зачем? она может кнопку растягивать за границы width: 27px;
это как предположение. можете на
.searchbar .lbtn input
поставить
overflow: hidden;
посмотреть, как себя поведет
тут стили смотреть надо. у Вас, видимо, для элементов списка float по левому краю не задан. либо ширина первого элемента списка, который поисковое поле, указана слишком большой, и второй элемент (кнопка) вытесняется на следующую строку.
css покажите
Попробуйте такой вариант, правда без автосворачивания
<html> <head> <style> .child {display:none;} </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(function() { $('.parent').click(function() { $(this).nextUntil('.parent', 'tr.child').slideToggle(); $(this).toggleClass('open'); }); }); </script> </head> <body> <table border="1" width="100%"> <tr class='header'> <th>01</th><th>02</th> </tr> <tr class='parent'> <td colspan="2">1</td> </tr> <tr class='child'> <td>11</td><td>12</td> </tr> <tr class='child'> <td>13</td><td>14</td> </tr> <tr class='parent'> <td colspan="2">2</td> </tr> <tr class='child'> <td>21</td><td>22</td> </tr> <tr class='parent'> <td colspan="2">3</td> </tr> <tr class='child'> <td>31</td><td>32</td> </tr> <tr class='child'> <td>33</td><td>34</td> </tr> <tr class='child'> <td>35</td><td>36</td> </tr> <tr class='child'> <td>37</td><td>38</td> </tr> <tr class='parent'> <td colspan="2">4</td> </tr> <tr class='child'> <td>41</td><td>42</td> </tr> </table> </body> </html>
style.css
h3 { background:url(../images/h3-tail.gif) 0 bottom repeat-x; }
.footer-bg {background:url(../images/footer-tail.gif) left top repeat-x;}
фоновая картинка по ширине блока (если правильно понял, что Вам нужно).
P.S. очень оригинально. не думал, что кто-то до сих пор так верстает
такое, вроде, и без плагинов делается. это же простой вывод материалов категории, немного стилизованный просто.
создайте категорию под партнеров, под эту категорию организуйте персональную страницу и настройте вывод материалов в желаемом виде.
почитайте про иерархию шаблонов в ВП, на блогах вордпрессеров часто перепечатки видел. нужно будет создать физически файл типа category-№.php, где № - id конкретной категории, заполнить кодом из файла, отвечающего за вывод списка материалов, и отредактировать под свои нужды.
наполнение идет в стандартном виде через создание материала. например, в анонс ставится только картинка-лого, она и выводится в списке. тут уже на свое усмотрение работайте.
подробностей сейчас не скажу, давно ВП не занимался
У Вас в коде всех страниц прописано:
<style>.wrapper { max-width: 980px; } ...</style>
Вероятно, стоит какой-то навороченный шаблон с настраиваемыми параметрами, и там прописана максимальная ширина для контентной части. Либо этот код влеплен в файл шаблона (менее вероятно, но тоже случается)
На части страниц контент оборачивается в класс wrapper (там как раз и применяется это ограничение). На других страницах этот блок расширен дополнительным классом max-width80:
<div class="wrapper max-width80">
Во втором случае, видимо, для дополнения прописаны свои стили, и происходит перебивка максимального ограничения.
Поищите, каким образом стили вносятся в HEAD шаблона. У некоторых шаблонов есть дополнительные настройки, может это Ваш случай. Поменяйте там максимальную ширину, если сможете отыскать. Есть еще вариант залезть в файл шаблона и заменить класс <div class="wrapper"> на что-то свое. А дальше стилями задать ограничения
<br /> правильнее. с некоторых пор спецификация html требует закрывание всех тегов, в том числе непарных. если <div> закрывается </div>ом, то непарные теги желательно прописывать с "самозакрыванием" через пробел+слеш в конце. точно так же и с другими тегами: <img ... />, <hr /> и т.п.
валидатор не будет ругаться на такой вид. хотя, многие старые верстальщики пишут по-старому :)
как вариант, заключить всю баннерную информацию в блок и выводить абсолютным позиционированием. например:
<!----Баннерное место -->
<div class="headerbanner">
<a href="http://www.vsemayki.ru/?ref=32580" target="_blank"><img src="http://partners.vsemayki.ru/img/saved/7/banners_b_367_468x60.gif" height="60" width="468" border=0 ></a>
</div>
и в стилях:
для #Header прописать (если нету) position:relative;
и стили самого блока:
.headerbanner{
position:absolute;
top:0;
right:0;
}
размеры области и отступы добавите по своему усмотрению. правда, взависимости от типа верстки, при определенных условиях возможно налезание баннеров на область слева от них. поигравшись со стилями можно решить и эту проблему.
другой вариант - обтекание. но тут надо изучить, как построен Ваш шаблон, по скрину и куску кода мало что можно понять
попробуйте использовать .bg только как обертку, а всю визуальную составляющую перенести в отдельный контейнер внутри нее. таким образом вы "уравняете" в правах текстовые блоки, блок с картинкой и новый блок с тенью.
а дальше уже можно плясать с уровнями наложения, позиционированием и т.п.
к сожалению, это невозможно. правилами работодателя запрещено упоминание своей причастности к студийным разработкам в деятельности "на стороне".
стоимость... честно говоря, не в курсе местных расценок (первый день на сайте). могу оставить назначение цены за Вами по результатам работы.
меня интересует другой вопрос: как Вы планируете сотрудничать? давать административный доступ незнакомому человеку - мне кажется это не очень разумно. как вариант для начала файловую часть выполнить удаленно и опробовать на демо-данных Вашего сайта. но думаю о таких вещах лучше поговорить приватно. если интерес есть - оставьте контакты для связи
