kleo3333 написал(а):Так на этой же странице, только теперь мы выправили год и название ссылки под спойлером, а основные родительские так скажем релизы всё равно слегка выше центра.
А, не то я посмотрел, тут скрипт встроен в блок, вот здесь:
<span class="sp-open" onclick="$(this).toggleClass('open').next().slideToggle()">2 версии</span><div class="sp-links" style="display: block;">
Замените на none, вот так:
<span class="sp-open" onclick="$(this).toggleClass('open').next().slideToggle()">2 версии</span><div class="sp-links" style="display: none;">
kleo3333 написал(а):kasperskylab_antibanner="on">
Прошу прощения - я не поправил, это Касперский мне подставляет в браузер, я забыл поправить, он вам не нужен..
kleo3333 написал(а):Так на этой же странице, только теперь мы выправили год и название ссылки под спойлером, а основные родительские так скажем релизы всё равно слегка выше центра.
Ну, вот смотрите на этом примере:
<div class="cvet1">2002 <img class="postimg" align="middle" src="http://i89.fastpic.ru/big/2017/0307/16/c897230016497f6324c96cfe2ce7e516.jpg" width="55" height="55"> <a href="http://jpg.bbmy.ru/pages/big_brovaz_-_nu-flow_02">Nu-Flow</a>
<span class="sp-open open" onclick="$(this).toggleClass('open').next().slideToggle()">2 версии</span><div class="sp-links" style="display: none;">
<p><span>2002</span> <img class="postimg" align="middle" src="http://i89.fastpic.ru/big/2017/0307/16/c897230016497f6324c96cfe2ce7e516.jpg" width="20" height="20" kasperskylab_antibanner="on"> <a href="http://jpg.bbmy.ru/pages/big_brovaz_-_nu-flow_02">Nu Flow</a></p>
<p><span>2003</span> <img class="postimg" align="middle" src="http://i90.fastpic.ru/big/2017/0307/27/8365b8a04afef70c3e54f2ccfa123827.jpg" width="20" height="20" kasperskylab_antibanner="on"> <a href="http://jpg.bbmy.ru/pages/big_brovaz_-_nu-flow">Nu Flow</a></p>
</div></div>
Видите у вас не обернуто - выделил красным, а там где зеленым у вас обернут текст, вы можете и то что красным обернуть так же как зеленым вот так:
<div class="cvet1"><span>2002</span> <img class="postimg" align="middle" src="http://i89.fastpic.ru/big/2017/0307/16/c897230016497f6324c96cfe2ce7e516.jpg" width="55" height="55"> <a href="http://jpg.bbmy.ru/pages/big_brovaz_-_nu-flow_02">Nu-Flow</a>
И соответственно для него задать отдельное правило для него:
.cvet1 span {marin-top:10px;}
А для ссылки отдельно:
.cvet1 a {marin-top:10px;}
То есть вы можете отдельно регулировать в таком варианте текст (в данном случае дату), картинку и ссылку... Если у вас картинка одного размера, то этого будет достаточно, если у вас картинки будут разные, то тогда стоит присваивать классы отдельно для обертки текста и ссылки в каждом блоке..
Отредактировано kolobdur74 (Ср, 12 Апр 2017 14:44:37)