например оверлеем с нулевой прозрачностью
дело не в div, верхний отступ добавляет <ul>, и если его не сбросить, то каждый браузер поставит свои дефолты, для IE6-9 это обычно 19px, для FF, opera и webkit - 16px. Например:
<style> body {margin:0; padding: 0;} div {border: 1px solid #f00;} ul {border: 1px solid #000;} </style> <body> <div>some line #1 some line #1 some line #1 some line #1 some line #1</div> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>
теперь устанавливаем верхний margin в 0 для <ul>: ul {border: 1px solid #000; margin-top: 0;} и посмотрите
Поскольку у ТСа не сбрасываются дефолты вообще, именно поэтому я не описывал, в каком именно место проблема, а сразу порекомендовал использовать какой-либо из css reset-ов, так как такие дефолты добавляет далеко не один контейнер <ul>, и что бы сразу начать работать на "чистом листе", нужно сбросить дефолтовые значения, которые отличаются в разных браузерах.
ок, если по-вашему список элементов (тогда, когда этих списков, как я понимаю несколько штук, и находятся один возле другого, по типу компоновки тумб), например, такой, как:
<ul class="videlit">вариант 1 <li>водостойкий <a href="http://www.site.ru">ламинат</a>;</li> <li>паркет</li>. </ul>
свёрстанный каким-то таким образом:
<div class="videlit">вариант 1 <p>водостойкий <a href="http://www.site.ru">ламинат</a>;</p> <p>паркет</p> </div>
перестаёт быть извращением, что ж, разубеждать вас не стану ;)
друпал не с кучей шаблонов ) Точнее не с такой кучей, как у WordPress
смотря под что вам движок,- на вёрдпрессе и шопы можно делать, но если ищите более-менее "универсальный" двиг, то возможно таки друпал
вариант 1 - <li class="variants">вариант 1</li>...
.variants - стилизируете уже как надо. Вообще, если таких блоков у вас несколько и они идут в виде каталога, я бы делал как-то так:
<dl> <dt>Материал для пола</dt> <dd><blockquote>вариант 1</blockquote> <ul> <li>водостойкий <a href="http://www.site.ru">ламинат</a></li> .... </dd> </dl>
вместо <blockquote> можно любой другой, более подходящий по смыслу (смотря, с каким акцентом у вас там везде используется "вариант №*"
но в начале, нужно сбросить дефолтовые метрики браузера (то есть тот самый css-reset)
ну вы стили вначале сбрасывали? кажется нет.
сбросьте вначале все стили по умолчанию, затем добавьте например это в самое начала таблицы стилей (или другой какой css-reset):
* {margin: 0; padding: 0; border: none;}
затем уже подгоняйте отступы и т.д
зы: <ul class="videlit">вариант 1 - так лучше не делать )
регулярки - вещь хорошая, но для вашей задачи, имхо, не очень подходящая.
поглядите в сторону DOM и собственно, библиотеки, облегчающие его разбор, например
QueryPath
Simple Html DOM
вот пример на на QueryPath делающий то же самое:
<?php # test.php require_once 'QueryPath/QueryPath.php'; $content = file_get_contents($argv[1]); $qp = htmlqp($content, NULL, array('convert_to_encoding' => NULL)); $imgs = $qp->find('img[src$=".jpg"]'); foreach ($imgs as $img) { printf("src=%s\n", $img->attr('src')); } ?>
php test.php http://mail.ru
вывод:
src=http://r2.mail.ru/b13229813.jpg src=http://r2.mail.ru/b13488842.jpg src=http://r2.mail.ru/b13490625.jpg src=http://r2.mail.ru/b13487682.jpg src=http://r2.mail.ru/b13483429.jpg src=http://r2.mail.ru/b13485671.jpg src=http://r2.mail.ru/b13489761.jpg src=http://r2.mail.ru/b13487400.jpg src=http://r2.mail.ru/b13482399.jpg src=http://r2.mail.ru/b13445081.jpg src=http://r2.mail.ru/b13445082.jpg src=http://r2.mail.ru/b13466467.jpg src=http://r2.mail.ru/b13446223.jpg src=http://r2.mail.ru/b13446103.jpg src=http://r2.mail.ru/b12532128.jpg src=http://r2.mail.ru/b12533771.jpg src=http://r2.mail.ru/b12531638.jpg src=http://r2.mail.ru/b12532636.jpg src=http://r2.mail.ru/b13339414.jpg src=http://r2.mail.ru/b13338624.jpg src=http://r2.mail.ru/b13337861.jpg
видео-уроки по JS ?))
JavaScript Guide
JavaScript Reference
у них там своя вполне вменяемая MS Management Studio
так же многие другие, как платные так и нет
одно время относительно плотно с ней разбирался, но не нашёл коллектива, где бы она была востребована, после чего перешёл на что-то более распространённое в СНГ
вообще можете почитать более развёрнутые отзывы, в сравнении например с другими фреймвёрками, вкратце на это тоже не ответить
скрипт говорит браузеру, что <meta ... content="text/html; charset=cp1251", когда в базе UTF-8. или перекодирывайте результат выборки или говорите мускулу, что
set names cp1251
set character set cp1251
то есть, сводите всё к одной кодировке.
Кстати, "не отображаются русские символы" - это как: их вообще не видно, или вместо кириллицы непонятно что ?