Всем доброго времени. Очень нужна ваша помощь по очень простому вопросу.
Так, как я еще новичок в сайтостроении, далеко не все мне понятно и известно.
Возникла проблема с настройкой модуля с HTML-кодом, поскольку с этим самым HTML-кодом у меня и есть огромные проблемы.
Собственно задался целью создать свой маленький сайт я из практической необходимости, нашел идеально подходящий мне шаблон, настроил меню, модули, даже RSS ленту прикрутил.
Но когда столкнулся с модулем на HTML сел в лужу.
А теперь по существу.
Есть шаблон:
http://demo.rockettheme.com/free/afterburner/В этом шаблоне имеется HTML-модуль, "предназначенный" как бы для рекламы, но это неважно.
Вот он проблемный модуль:
Что я предпринял - взял и скопипастил часть HTML-кода из этого участка на свой пока локальный сайт (заранее извиняюсь за разметку, я тут дуб дубом).
<div id="showcase" class="dp100">
<div class="background"> </div>
<div class="foreground">
<div class="showcase">
<h1>Looking for the fastest <strong>Joomla</strong> template? <strong>Afterburner</strong> is fast, fully featured and <strong>FREE!</strong></h1>
<h3>Speed Optimised <strong>+</strong> SEO Optimised <strong>+</strong> Beautiful Design <strong>+</strong> Fully Featured <strong>+</strong> Free!</h3>
<div class="dp33">
<div class="pad">
<div class="num">1</div>
<h2>Fastest Joomla Template</h2>
<p><strong>Performance</strong> is a key aspect of Afterburner, using techniques such as a single image and compressed CSS, to make the theme the <strong>fastest</strong> Joomla template ever!</p>
<a class="readon2" href="../free/afterburner/features/fast-loading"><span>Learn More</span></a></div>
</div>
<div class="dp33">
<div class="pad">
<div class="num">2</div>
<h2>Search Engine Optimised</h2>
<p>Refined layout that places the main column <strong>first</strong> in the source, meaning it is crawled by <strong>Google</strong> first, perfect for search engine optimisation purposes.</p>
<a class="readon2" href="../free/afterburner/features/optimised-layout"><span>Learn More</span></a></div>
</div>
<div class="dp33">
<div class="pad">
<div class="num">3</div>
<h2>Light & Dark Variations</h2>
<p>8 distinct inbuilt style variations, <strong>Light</strong> and <strong>Dark</strong>, to maximise the possibilities when using the <strong>Afterburner</strong> template. All Controllable by template manager parameters.</p>
</div>
<div class="pad"><a class="readon2" href="../free/afterburner/features/preset-styles"><span>Learn More<br /></span></a><span><br /><br /> </span></div>
</div>
</div>
</div>
</div>
И вот, что у меня вышло:
Как видно, модуль сильно уменьшился по бокам, стал слишком большой промежуток между ним и верхним модулем, а также сам по себе он слегка удлинился вниз.
Очевидно, что с HTML-кодом что-то не так, а что именно я не могу понять. Ковырялся в нем в меру своих способностей, но так решения проблемы и не добился.
Очень нужна ваша экспертная помощь. !
Заранее благодарю!
03.12.2024, 15:32:02