Премини към съдържанието

Препоръчан отговор


Здравейте!

Направих си набързо едно блогче,ще качвам в него разни файлове с опция за сваляне (няма да ви занимавас с излишни глупости)

Намерих HTML код за да могат всички да излизат като отделна категория ,а не като пост във блог...обаче някаде в кода има грешка понеже при постване на нова категория текстът си с остава в предишният раздел (прикачен е скрийн)

Някой който по-вещ от мен моля да помогне...Благодаря предварително.

<!-- item X -->
<h3 class="title"><b>Bartender 4</b></h3>
<li class="product first-column" data-id="item1">
    <div class="webstore-clear">
        <div class="webstore-clear">
            <img class="left thumb" src="https://lh6.googleusercontent.com/-4Ek38BG_ZAQahqI3Wm0OEBjBdIlY9gJnbuDeL1yX1C4y5WYHX-vZTl6Mzmj7gscudNuZFUNlg1Csuo=w1366-h662">
            <div class="right">
                <p class="description">
                    Probably the most solid Action Bar replacement for TBC. Completely movable, resizable and with it's own hotkeys separate from the Blizzard Action Bars.
                </p>
            </div>
        </div>
        <div class="right">
            <span class="left price"><b>Action Bars</b></span>
            <button class="left purchase" type="button"><span>Download</span></button>
        </div>
    </div>
</li>
<!-- item X ends -->








<!-- item X -->
<h3 class="title"><b>Bongos</b></h3>
<li class="product first-column" data-id="item1">
    <div class="webstore-clear">
        <div class="webstore-clear">
            <img class="left thumb" src="https://lh5.googleusercontent.com/_cLYZmU1gobRHk2xfHa63SC4hKPVyyXnsmD2msOC2pIb4sErlsY5F0gMSjxwsIg-m3eQS8gqa1gBHWs=w1366-h662">
            <div class="right">
                   <p class="description">
                    Action Bars that boast low memory usage as well as an easy setup.
                </p>
            </div>
        </div>
        <div class="right">
            <span class="left price"><b>Action Bars</b></span>
            <button class="left purchase" type="button"><span>Download</span></button>
        </div>
    </div>
</li>
<!-- item X ends -->

 

Без име.jpg

Редактирано от ExaFlop (преглед на промените)

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Понеже платформата е блогър, за да променя начина на изглед на обикновенните публикацийтам съм интегрирал въпросният код по-горе. 

Намирам за излишно да поствам целият CSS

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

На това ли се дължи грешното разположение на описанието?


Сподели този отговор


Линк към този отговор
Сподели в други сайтове

:wink12: има основни положения в HTML. В UL има само LI. В LI-то вече ако искате и H1 сложете.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Добре ако някой разбира същината на проблема..моля да редактира кода и да го постне...благодаря предварително!

Сподели този отговор


Линк към този отговор
Сподели в други сайтове
на 12/15/2016 в 22:49, 2D. написа:

<!-- item X --> <li class="product first-column" data-id="item1"><h3 class="title"><b>Bartender 4</b></h3> <div class="webstore-clear"> <div class="webstore-clear"> <img class="left thumb" src="https://lh6.googleusercontent.com/-4Ek38BG_ZAQahqI3Wm0OEBjBdIlY9gJnbuDeL1yX1C4y5WYHX-vZTl6Mzmj7gscudNuZFUNlg1Csuo=w1366-h662"> <div class="right"> <p class="description"> Probably the most solid Action Bar replacement for TBC. Completely movable, resizable and with it's own hotkeys separate from the Blizzard Action Bars. </p> </div> </div> <div class="right"> <span class="left price"><b>Action Bars</b></span> <button class="left purchase" type="button"><span>Download</span></button> </div> </div> </li> <!-- item X ends --> <!-- item X -->
<li class="product first-column" data-id="item1"><h3 class="title"><b>Bongos</b></h3> <div class="webstore-clear"> <div class="webstore-clear"> <img class="left thumb" src="https://lh5.googleusercontent.com/_cLYZmU1gobRHk2xfHa63SC4hKPVyyXnsmD2msOC2pIb4sErlsY5F0gMSjxwsIg-m3eQS8gqa1gBHWs=w1366-h662"> <div class="right"> <p class="description"> Action Bars that boast low memory usage as well as an easy setup. </p> </div> </div> <div class="right"> <span class="left price"><b>Action Bars</b></span> <button class="left purchase" type="button"><span>Download</span></button> </div> </div> </li> <!-- item X ends -->

Ех, ако не е сдъвкано няма как да стане.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове
на 16.12.2016 г. в 9:30, 2D. написа:

Понеже платформата е блогър, за да променя начина на изглед на обикновенните публикацийтам съм интегрирал въпросният код по-горе. 

Намирам за излишно да поствам целият CSS

HTML кода не е написан както трябва , но мисля че грешката е в CSS! При проверка само на HTML ... всичко е както трябва да бъде.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Регистрирайте се или влезете в профила си за да коментирате

Трябва да имате регистрация за да може да коментирате това

Регистрирайте се

Създайте нова регистрация в нашия форум. Лесно е!

Нова регистрация

Вход

Имате регистрация? Влезте от тук.

Вход

×

Информация

Поставихме бисквитки на устройството ви за най-добро потребителско изживяване. Можете да промените настройките си за бисквитки, или в противен случай приемаме, че сте съгласни с нашите условия за ползване.