все зависит от ваших целей, намерений.
я бы изменил структуру так:
<div class="publname"> <p>Аполлон 18 <span class="myclass">// Apollo 18</span></p> <p сlass="slogan">Никто не звал нас на луну"</p> </div>
и уже применил нужные стили, чтоб добиться сходства с картинкой.
Если "Аполлон 18"-заголовок, то лучше использовать h1, h2 и тд
Возможно, когда не заполнены все поля, какой-то тег не закрыт, и поэтому перекосы
да, очень похоже, что сделано с помощью jQuery Masonry
В Хроме нажмите на заголовок правой кнопкой мыши->"проверить элемент" (или как там у вас), и посмотрите какие стили применяются к Н1, и есть ли в там ваши (зачеркнутыми походу должны быть)
.top_menu li {display: inline-block;}
Для разделителя можно использовать border-right, например.
Или конструкцию вида
<li> <a href="#">Home</a> <span class="separator">|<span></li>
Как уже говорили, для видео необходима дикция, говорить внятно и четко, иначе если вы там начнете бекать, мекать, окать, вряд ли это привлечет пользователя.
В любом случае, как мне кажется, без текстовой составляющей не обойтись.
насколько мне известно, абсолютно позиционированный элемент всегда размещается над относительно позиционированным, для того чтоб это изменить используйте свойство z-index, как уже сказали
DESPERAD, да вы не спешите, может еще варианты будут :)
между прочим-выше предложен отличный вариант: свободен, краткий, легко запоминаемый, а главное, как звучит!
