# Code element with HTML and CSS destroy my Shopping World in Shopware

**URL:** <https://forum.shopware.com/t/code-element-with-html-and-css-destroy-my-shopping-world-in-shopware/52495>\
**Category:** Programmierung\
**Created:** [20. April 2018 um 08:03 UTC](https://forum.shopware.com/t/code-element-with-html-and-css-destroy-my-shopping-world-in-shopware/52495 "2018-04-20T08:03:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![CleanerCo](https://avatars.discourse-cdn.com/v4/letter/c/c68b51/32.png) [@CleanerCo](https://forum.shopware.com/u/CleanerCo)\
**Post date:** [20. April 2018 um 08:03 UTC](https://forum.shopware.com/t/code-element-with-html-and-css-destroy-my-shopping-world-in-shopware/52495/1 "2018-04-20T08:03:59Z")

</div>

I created new Shopping World in Shopware 5, and I inserted Code element with next HTML and CSS for small navigation:

```
         ul {
           list-style: none;
           margin: 0 auto;
           width: 100%;
           position: fixed;
           top: 107px;
           left: 497px;      
       }
       ul li {
           float: left;
           padding-bottom: 0;
       }
       ul a {
           display: block;
           text-align: center;
           color: black;
           text-decoration: none;
           font-family: 'couture', serif;
           padding: 6px 23px;
           background: white;
           font-size: 12pt;
       }
        ul li#active a {
            border-bottom: 4px solid black;
            color: black;
            padding-bottom: 23px;
        }
    

     
        Mens
        Women

```

This code just destroy my Shopping World, I don’t know why? This is very simple small navigation menu with underline. I think the problem is in Shopware 5, but I’m a new with Shopware, and I’m very confused. I need someone who know what’s happening with Shopware. Thank you in advanced

---

<div class="post-metadata">

**Author:** ![derwunner](https://avatars.discourse-cdn.com/v4/letter/d/e5b9ba/32.png) [@derwunner](https://forum.shopware.com/u/derwunner)\
**Post date:** [20. April 2018 um 08:22 UTC](https://forum.shopware.com/t/code-element-with-html-and-css-destroy-my-shopping-world-in-shopware/52495/2 "2018-04-20T08:22:02Z")

</div>

Hi,

&nbsp;

you don’t need a full html document, since it’s already in one. Just write your list in it.

Second, you should write your styles in less in your theme.

---

<div class="post-metadata">

**Author:** ![CleanerCo](https://avatars.discourse-cdn.com/v4/letter/c/c68b51/32.png) [@CleanerCo](https://forum.shopware.com/u/CleanerCo)\
**Post date:** [20. April 2018 um 08:26 UTC](https://forum.shopware.com/t/code-element-with-html-and-css-destroy-my-shopping-world-in-shopware/52495/3 "2018-04-20T08:26:05Z")

</div>

No, I wrote code in Code element (Shopping world).

Also, I used JS code, and I had same problem.&nbsp;

---

<div class="post-metadata">

**Author:** ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)\
**Post date:** [23. April 2018 um 07:19 UTC](https://forum.shopware.com/t/code-element-with-html-and-css-destroy-my-shopping-world-in-shopware/52495/4 "2018-04-23T07:19:58Z")

</div>

As @derwunner stated:

> you don’t need a full html document, since it’s already in one. Just write your list in it.
> 
> &nbsp;

Just put your&nbsp;

```
        Mens
        Women

```

inside.

Your Styles have to included in your OWN theme or you can put them (nor recommended) directly into the html-element definition like:

```
...

```

&nbsp;