On this page I have 12 images, so far okay. But I like to make them more responsive.

https://www.outdoorequipped.com/

The code I use is follow and I know I am missing something, but I am not sure what.

Also, how I can do, that this div, where all those 12 images are, has a "auto hight?

<div class="row" style="height: 60px;">
<div class="col-xs-6 col-sm-3">
<div class="featured-brands">
<div class="row">
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/active/brands/asics.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/asics-logo-60.png" /> </a></div>
</div>
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/active/brands/puma.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/puma-logo-60.png" /> </a></div>
</div>
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/active/brands/speedo.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/speedo-logo-60.png" /> </a></div>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3">
<div class="featured-brands">
<div class="row">
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/outdoor/brands/fjallraven.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/fjallraven-logo-60.png" /> </a></div>
</div>
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/outdoor/brands/marmot.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/marmot-logo-60.png" /> </a></div>
</div>
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/outdoor/brands/woolrich.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/woolrich-logo-60.png" /> </a></div>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3">
<div class="featured-brands">
<div class="row">
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/fashion/brands/giorgo-brutini.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/giorgobrutini-logo-60.png" /> </a></div>
</div>
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/fashion/brands/kenneth-cole.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/kennethcole-logo-60.png" /> </a></div>
</div>
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/fashion/brands/dr-martens.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/drmartens-logo-60.png" /> </a></div>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3">
<div class="featured-brands">
<div class="row">
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/work/brands/caterpillar.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/caterpillar-logo-60.png" /> </a></div>
</div>
<div class="col-sm-4 col-xs-4">
<div class="element-content brand"><a href="https://www.outdoorequipped.com/work/brands/sanita.html"> <img class="imagesize" alt="" src="https://www.outdoorequipped.com/media/wysiwyg/four_cats/logos/sanita-logo-60.png" /> </a></div> ...

Sorry diafol, that I asked. I only put this here, also with this only one I have.
But yes, I see, there's now good way to ask and to do it. It is not me - like to have it, it is a customer from me, like to have it on the page from him - in the end.

Hi There

On this example page http://www.divepoint-samui.com/ I have an iframe:

<h3>Our Happy Clients</h3>
                <div class="clients-wrapper">
                    <iframe src="http://www.divessi.com/extern/recent_certs.php/766494/2" frameborder="0" name="Our Recent Diver Certifications" id="recentDivers" ></iframe>
                    <iframe src="http://www.divepoint-samui.com/ssi.php" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
                </div>

Is there a way, that I can format this iframe, and instead to having a vertical scrolling, to get a horizontal scrolling?

I can open and see the js source code, for the scroling effect, but how I can edit or override it?

Kindly Simon

Thank You for Your help

ok, what I did now

#main-nav .vnav__item {
    position: static !important;
}

And it works, as I like to have it.

Yes exactly. What I was thinking... if I put a javascript before the navigation... takes the behavior away...

If I can take it out in vnav.css, it would work. But it is given from the system.

Hi changed it now. But it is still not centered / in the mid of the page.

It is centered from the upper navigation. I would like to have it centered from the page...

Hi gentlemedia

I still not get it center to the page.

Any other ideas?

Kindly Simon

I did, the subnavigation goes to te left... I like to have it center, with this width I have...

Hi gentlemedia

I tried some parts, as I am not able to edit every files. I tried some more things, but still not get the subnavigation centered.

What about this "element" '#main-nav .vnav--horizontal .vnav__subnav' .

This I like to have center...

I will try to do it tomorrow.
For Your question, it is a shopsystem called Volusion.
Is not easy to get everything locally to test and edit.
And, we are still in the design phase, so not really online with products and live.
But the system is much better than Amazons Webstore. There I customized also already a webpage...

I figured out how I can do, here is the result:
http://www.spiritfilledjewelry.com

Now I only like to have the "sub menu" in the center of the page. How I can do it exactly? Here some code:

<!-- NAVIGATION -->
                    <!-- Collect the nav links, forms, and other content for toggling -->
                      <!--<div class="swiftnav navbar-collapse collapse">-->
                     <div class="collapse navbar-collapse" id="main-nav">
                        <div id="display_menu_1" class="menu"><ul class='vnav vnav--horizontal vnav--level1'>
<li class='vnav__item'><a href='https://www.spiritfilledjewelry.com/Default.asp' class='vnav__link'>Home</a>
</li>
<li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/106.htm' class='vnav__link'>Jewelry Themes</a>
<ul class='vnav vnav__subnav vnav--level2'>
<li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/109.htm' class='vnav__link'>Angel</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/116.htm' class='vnav__link'>Animals & Nature</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/117.htm' class='vnav__link'>Antique</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/118.htm' class='vnav__link'>Aromatherapy</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/119.htm' class='vnav__link'>Astrology</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/120.htm' class='vnav__link'>Atlantis</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/110.htm' class='vnav__link'>Beach & Dive</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/121.htm' class='vnav__link'>Bead</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/122.htm' class='vnav__link'>Bell</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/123.htm' class='vnav__link'>Bold Filigree</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/124.htm' class='vnav__link'>Boxed Gift Set</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/125.htm' class='vnav__link'>Calla Lily</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/126.htm' class='vnav__link'>Celtic Translation</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/127.htm' class='vnav__link'>Chains</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/128.htm' class='vnav__link'>Cimaruta</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/129.htm' class='vnav__link'>Coffee</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/130.htm' class='vnav__link'>Contemporary</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/131.htm' class='vnav__link'>Crown</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/132.htm' class='vnav__link'>Designer</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/133.htm' class='vnav__link'>Empowering Word</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/134.htm' class='vnav__link'>Equestrian</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/135.htm' class='vnav__link'>Fairies & Fantasy</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/136.htm' class='vnav__link'>Feng Shui</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/137.htm' class='vnav__link'>Filigree</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/138.htm' class='vnav__link'>Fox Chasers Club</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/139.htm' class='vnav__link'>Geometry</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/140.htm' class='vnav__link'>Gold Accent</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/141.htm' class='vnav__link'>Good Luck Coin</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/142.htm' class='vnav__link'>Healing</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/143.htm' class='vnav__link'>Infinity</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/144.htm' class='vnav__link'>Leather Cord Collection</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/145.htm' class='vnav__link'>Love</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/146.htm' class='vnav__link'>Medieval & Viking</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/147.htm' class='vnav__link'>Men's Jewelry</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/148.htm' class='vnav__link'>Modern Celtic</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/149.htm' class='vnav__link'>Musical</a>
</li><li class='vnav__item'><a href='http://www.SpiritFilledJewelry.com/category-s/150.htm' ...

Thank You for those suggestions.

I need to clear something:

I not use on this page http://www.spiritfilledjewelry.com/ wp or joomla or so. It is a shop system called Volusion.

And we clean up the categories as we have the actual navigation now.

What I need to know now, instead of having "all" subcategories in one list, I like to have "similar to a table" like

cat 1 cat 11 cat 21
cat 2 cat 12 ..
cat 3 cat 13 ..
.. .. ..
cat 10 cat 20 cat n

I know it should be something easy with float on the right place... but where and how?

Hi DaveAmour

Maybe I have a missunderstanding or so. I speak about the navigation, when I click on "Categories" on this website: www.peterstone.com . See attachment.

The link You sent me, not looks the same, or I am blind at the moment?

I like this menu and how it's done:

http://www.peterstone.com/

Does somebody has any idea and suggestion, how the easiest way is, to realize this kind of main nav they have?

Cheeers Simon

It worked out...

I am not sure anymore, how I can center my elements on the follow page: http://www.outdoorequipped.com/info/Clarks

I speak about the 4 images, 1 in the top and 3 underneath.

I am sure, it is about text-align and/or margin, and so on.

those 3 images, eg clarks002.png, i like to center under the image (topclarks01.jpg) in the top of them.

Here the part of this, what I want center:

<div class="wrap-content zerogrid">
        <div class="row block">
            <div id="sidebar" class="col-1-4">
                <div class="wrap-col">
                    <div class="box">
                        <div class="content">
                            <img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks_logo.jpg" />
                        </div>
                    </div>
                    <div class="box">
                        <div class="content">
                            <ul>
                                <li><a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8076410011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name">Shop Women</a></li>
                                <li><a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8403896011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name">Shop Men</a></li>
                                <li><a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8546518011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name">Shop Children</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="main-content" class="col-3-4">
                <div class="col-1-1">
                    <div class="wrap-col">
                        <article>
                            <div class="content">
                                <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&title=Clarks"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/topclarks01.jpg" /></a>
                            </div>
                        </article>
                    </div>
                </div>
                <div class="col-1-3">
                    <div class="wrap-col">
                        <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8076410011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks001.png"></a>
                    </div>
                </div>
                                <div class="col-1-3">
                    <div class="wrap-col">
                        <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8403896011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks002.png"></a>
                    </div>
                </div>
                                <div class="col-1-3">
                    <div class="wrap-col">
                        <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8546518011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks003.png"></a>
                    </div>
                </div>

            </div>
        </div>
    </div>

I have the problem, that in the instector say me:

Resource interpreted as Image but transferred with MIME type text/html:

http://www.member-diving.com/

I have 3 video's on Youtube. All of them not works.

What could it be?

Kindly

I am maybe blind or so... just got nearly the same problem as before. I not get the values of the selectfields. I got 0 - 8 instead of some strings.

Here is the url: http://web159.login-142.hoststar.ch/memberd/de/prices/

Here is my code I use to get it:

# read size of one of these arrays
$count = count($_REQUEST['BX_NAME']);
# loop
for($i = 0, $e = 1; $i < $count; $i++, $e++)
{
$divers.= "Diver/PAX #{$e}: Name: $BX_NAME[$i] / Shoe-Size: $BX_shoesize[$i] / Weight: $BX_weight[$i] / Heigth: $BX_height[$i]<br />";
}

I did a postdump and this works, I mean I get and see what I should get.

Hi Cereal

I am maybe blind or so... just got nearly the same problem as before. I not get the values of the selectfields. I got 0 - 8 instead of some strings.

Here is the url: http://web159.login-142.hoststar.ch/memberd/de/prices/

Here is my code I use to get it:

# read size of one of these arrays
$count = count($_REQUEST['BX_NAME']);
# loop
for($i = 0, $e = 1; $i < $count; $i++, $e++)
{
$divers.= "Diver/PAX #{$e}: Name: $BX_NAME[$i] / Shoe-Size: $BX_shoesize[$i] / Weight: $BX_weight[$i] / Heigth: $BX_height[$i]<br />";
}

I did a postdump and this works, I mean I get and see what I should get.

Hi

I just have the follow problem. In my form, I have a select option. Usually I should see some text there, I can change and open the dropdown menu, but I not see any text. What it could be?

Here is the url: http://web159.login-142.hoststar.ch/memberd/de/prices/

And here some html code:

<form action="/memberd/enquiry.php"  method="post" id="genForm">
                    <h3 class="colour-holiday">Bitte geben Sie Ihre Daten ein</h3>
                    <p>Mit * gekennzeichnete Felder sind Pflichtfelder. <br />
Mit ** gekennzeichneten Felder sind Pflichtfelder, entweder Sie wählen eine Dienstleistung aus oder füllen das Feld für einen Anfrage aus.</p>

                    <label>Name: <i>*</i></label> <input type="text" size="22" name="sender" id="sender" class="name" required />
                    <label>E-Mail: <i>*</i></label> <input type="email" size="22" name="email" id="email" class="email" required />
                    <label>Adresse: </label> <input type="text" name="address" id="address1" class="address" />
                    <label>Stadt: </label> <input type="text" name="city" id="town" class="city" />
                    <label>Land: </label> <input type="text" name="country" id="county" class="country" />
                    <label>PLZ: </label> <input type="text" class="postcode" name="postcode" id="postcode" />
                    <label>Mobile Nr: </label> <input type="text" size="22" name="contactno" id="contactno" class="contactno" />
                    <label>An welchem Kurs sind Sie interessiert? <i>**</i></label><select name="service" id="ddlCottages" class="selservice">
                    <option value="no course was selected">Bitte wählen Sie</option>
                                <option value="Schnuppertauchen">Schnuppertauchen</option>
<option value="PADI Scuba Diver">PADI Scuba Diver</option>
<option value="Open Water Diver">Open Water Diver</option>
<option value="PADI ADVANCED OPEN WATER DIVER">PADI ADVANCED OPEN WATER DIVER</option>
<option value="PADI EMERGENCY FIRST RESPONSE (EFR)">PADI EMERGENCY FIRST RESPONSE (EFR)</option>
<option value="Rescue Diver">Rescue Diver</option>
<option value="PADI DIVEMASTER">PADI DIVEMASTER</option>
<option value="Tauchausflug nach Koh Tao">Tauchausflug nach Koh Tao</option>
<option value="Tauchausflug nach Sail Rock">Tauchausflug nach Sail Rock</option>
<option value="Inselsafari">Inselsafari</option>
<option value="Schnorcheltour nach Koh Nang Yuan">Schnorcheltour nach Koh Nang Yuan</option>
<option value="Sunset Cruise">Sunset Cruise</option>
                            </select>
                            <label>Hotel: </label> <input type="text" size="22" name="hotel" id="hotel" ...

Hi There

I have a bit problem with my navigation, or the dropdown of it. If I hover an a element, the other just move around... I do not know how to fix it. Here is my css code:

div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup ul {
  position: absolute;
  top: 0px;
  left: -9999px;
  margin: 0;
  padding: 9px 0;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  min-width: 167px;
  width: 99%;
  background-color: white; }
div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup ul li {
  /*cursor: pointer; */
  display: block;
  float: left;
  width: 200px;
}

div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup ul li a {
  /*padding: 4.5px 0 4.5px 20px;
  width: 200px;*/
  text-decoration: none; }

div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup ul li:hover {
  background-color: #FFFFFF;
  text-decoration: none; }

div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup ul li:hover a {
  /*color: white;
  width: 200px;*/ }

div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup:hover, div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup.navigationHover {
  background: transparent url(https://images-na.ssl-images-amazon.com/images/I/211QXE2os9L.jpg) repeat-x scroll left top;
  z-index: 500; }

div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup:hover ul, div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav li.navigationGroup.navigationHover ul {
  top: 39px;
  left: 0; }

div.com-amazon-webstore-GlobalSiteNav-2 ul#globalNav {
  background-color: white;
  background-image: none;
  min-height: 30px;
  border-top: none;
  border-left: none;
  border-right: none; }

And here I have some html code:

<ul class="linkList navigationLinks" id="globalNav">

    <li class="navigationGroup" id="globalNavItem1">

                <a href="http://www.outdoorequipped.com/Main-Brands/b/8076402011?ie=UTF8&title=Main+Brands" class="mainNode">
                        <span>Main Brands</span>
                </a>

  <ul class="linkList navigationLinks">

      <li>

                                <a href="http://www.outdoorequipped.com/2XU-Main-Brands/b/9578871011?ie=UTF8&title=2XU">
                                        <span>2XU</span>
                                </a>

      </li>

      <li>

                                <a href="http://www.outdoorequipped.com/adidas-Main-Brands/b/8403837011?ie=UTF8&title=adidas">
                                        <span>adidas</span>
                                </a>

      </li>

      <li>

                                <a href="http://www.outdoorequipped.com/Alegria-Main-Brands/b/10127149011?ie=UTF8&title=Alegria">
                                        <span>Alegria</span>
                                </a>

      </li>
      </ul>
      </ul>

Yes, I am new in this company, but I will start a project with subject You mention. I also see that Amazon Webstore is like a staning and treading on one place. Also the support from Amazon I can't use...
But thank You for this "input". It helps me, that i know I am not wrong thinking.

I know this, but it is not really my decition to choose what store sftware the company like to have. But I future, I try to use AWS (amazon web services) and have a webserver instance, where I can but usual html/css/php code - eg with a nice and easy manage template, and using the Amazon API for the products.

Or do You have another idea, to keep amazon webstore as the store for all the products and using a good template-system?

about look into another webstore/webshop - no comment... it is the companies issue... I only do the website...
Maybe trying once to work with the API... and using "normal" templates...

I am a bit new in XML and show elements/records on a website. So, here is my xml result.

What and how is the easiest way to echo (in php) eg mp:title or or price or so?

any example would be nice...

Cheers

<c:searchResults xmlns:c="http://webstore.amazon.com/API" xmlns:b="http://webstore.amazon.com/Batch">
    <c:navigation>
        <c:link rel="first" type="application/xml" href="http://www.outdoorequipped.com/api/search/product?query=brand%3Aadidas&amp;start=0&amp;count=20&amp;view=default"/>
        <c:link rel="last" type="application/xml" href="http://www.outdoorequipped.com/api/search/product?query=brand%3Aadidas&amp;start=400&amp;count=20&amp;view=default"/>
        <c:link rel="next" type="application/xml" href="http://www.outdoorequipped.com/api/search/product?query=brand%3Aadidas&amp;start=20&amp;count=20&amp;view=default"/>
    </c:navigation>
    <c:metadata>
        <c:totalResultCount>418</c:totalResultCount>
        <c:itemsPerPage>20</c:itemsPerPage>
        <c:pageNum>1</c:pageNum>
        <c:startIndex>0</c:startIndex>
    </c:metadata>
    <c:results>
        <c:product>
            <c:identifiers>
                <c:marketplaceID>A2PG39USSZQRHF</c:marketplaceID>
                <c:merchantSKU>
                    <c:merchantID>A7ULJO7NAWM0L</c:merchantID>
                    <c:sku>M17464</c:sku>
                </c:merchantSKU>
                <c:asin>B00N9QY206</c:asin>
            </c:identifiers>
            <c:offers>
                <c:offerSummary>
                    <c:any>
                        <c:lowestPrice>
                            <c:currency>USD</c:currency>
                            <c:value>124.82</c:value>
                        </c:lowestPrice>
                        <c:offerCount>11</c:offerCount>
                    </c:any>
                    <c:club>
                        <c:offerCount>0</c:offerCount>
                    </c:club>
                    <c:collectible>
                        <c:offerCount>0</c:offerCount>
                    </c:collectible>
                    <c:new>
                        <c:lowestPrice>
                            <c:currency>USD</c:currency>
                            <c:value>124.82</c:value>
                        </c:lowestPrice>
                        <c:offerCount>11</c:offerCount>
                    </c:new>
                    <c:refurbished>
                        <c:offerCount>0</c:offerCount>
                    </c:refurbished>
                    <c:used>
                        <c:offerCount>0</c:offerCount>
                    </c:used>
                </c:offerSummary>
                <c:variationalOfferSummary>
                    <c:buyingPriceRange>
                        <c:max>130.06</c:max>
                        <c:min>124.82</c:min>
                    </c:buyingPriceRange>
                    <c:regularPriceRange>
                        <c:max>130.06</c:max>
                        <c:min>124.82</c:min>
                    </c:regularPriceRange>
                    <c:offerListingCount>11</c:offerListingCount>
                </c:variationalOfferSummary>
                <c:offer>
                    <c:isBuyable>false</c:isBuyable>
                    <c:isPrime>false</c:isPrime>
                    <c:isQualified>false</c:isQualified>
                    <c:isUnqualified>false</c:isUnqualified>
                </c:offer>
            </c:offers>
            <c:attributes>
                <mp:title xmlns:mp="http://webstore.amazon.com/API/Marketplace/A2PG39USSZQRHF">adidas M17464 Men's Terrex Fastshell Mid,Black/Univ. Red</mp:title>
            </c:attributes>
            <c:assets>
                <c:link rel="PT01" type="image/jpeg" href="http://ecx.images-amazon.com/images/I/41hfSsO0vLL.jpg"/>
                <c:link rel="PT02" type="image/jpeg" href="http://ecx.images-amazon.com/images/I/41O7O7J5PML.jpg"/>
                <c:link rel="PT03" type="image/jpeg" href="http://ecx.images-amazon.com/images/I/41DJnPPA2bL.jpg"/>
                <c:link rel="PT04" type="image/jpeg" href="http://ecx.images-amazon.com/images/I/41GRJue8YcL.jpg"/>
                <c:link rel="PT05" type="image/jpeg" href="http://ecx.images-amazon.com/images/I/41CAUDJnb3L.jpg"/>
                <c:link rel="PT06" type="image/jpeg" href="http://ecx.images-amazon.com/images/I/31ZumDD2YzL.jpg"/>
                <c:link rel="MAIN" type="image/jpeg" href="http://ecx.images-amazon.com/images/I/417PkNyF3JL.jpg"/>
                <c:link rel="alternate" type="text/html" href="http://www.outdoorequipped.com/adidas_M17464_Terrex_Fastshell_Black/dp/B00N9QY206"/>
            </c:assets>
            <c:reviews>
                <c:reviewsSummary>
                    <c:averageOverallRating>0.0</c:averageOverallRating>
                    <c:oneStarReviewCount>0</c:oneStarReviewCount>
                    <c:twoStarReviewCount>0</c:twoStarReviewCount>
                    <c:threeStarReviewCount>0</c:threeStarReviewCount>
                    <c:fourStarReviewCount>0</c:fourStarReviewCount>
                    <c:fiveStarReviewCount>0</c:fiveStarReviewCount>
                    <c:totalReviewCount>0</c:totalReviewCount>
                </c:reviewsSummary>
            </c:reviews>
            <c:link rel="alternate" type="text/html" href="http://www.outdoorequipped.com/adidas_M17464_Terrex_Fastshell_Black/dp/B00N9QY206"/>
            <c:link rel="self" type="application/xml" href="http://www.outdoorequipped.com/api/product/msku/A7ULJO7NAWM0L/M17464"/>
        </c:product>
        <c:product>
            <c:identifiers>
                <c:marketplaceID>A2PG39USSZQRHF</c:marketplaceID>
                <c:merchantSKU>
                    <c:merchantID>A7ULJO7NAWM0L</c:merchantID>
                    <c:sku>M17481</c:sku>
                </c:merchantSKU>
                <c:asin>B00KMLL862</c:asin>
            </c:identifiers>
            <c:offers>
                <c:offerSummary>
                    <c:any>
                        <c:lowestPrice>
                            <c:currency>USD</c:currency>
                            <c:value>115.21</c:value>
                        </c:lowestPrice>
                        <c:offerCount>10</c:offerCount>
                    </c:any>
                    <c:club>
                        <c:offerCount>0</c:offerCount>
                    </c:club>
                    <c:collectible>
                        <c:offerCount>0</c:offerCount>
                    </c:collectible>
                    <c:new>
                        <c:lowestPrice>
                            <c:currency>USD</c:currency>
                            <c:value>115.21</c:value>
                        </c:lowestPrice>
                        <c:offerCount>10</c:offerCount>
                    </c:new>
                    <c:refurbished>
                        <c:offerCount>0</c:offerCount>
                    </c:refurbished>
                    <c:used>
                        <c:offerCount>0</c:offerCount>
                    </c:used>
                </c:offerSummary>
                <c:variationalOfferSummary>
                    <c:buyingPriceRange>
                        <c:max>120.00</c:max>
                        <c:min>115.21</c:min>
                    </c:buyingPriceRange>
                    <c:regularPriceRange>
                        <c:max>120.00</c:max>
                        <c:min>115.21</c:min>
                    </c:regularPriceRange>
                    <c:offerListingCount>10</c:offerListingCount>
                </c:variationalOfferSummary>
                <c:offer>
                    <c:isBuyable>false</c:isBuyable>
                    <c:isPrime>false</c:isPrime>
                    <c:isQualified>false</c:isQualified>
                    <c:isUnqualified>false</c:isUnqualified>
                </c:offer>
            </c:offers>
            <c:attributes>
                <mp:title ...

If I take the class

class="com-amazon-webstore-GlobalSiteNav-2"

away, it center the menu, somehow.

Yes, I know that the css is not sooo nice. It is about the issue from the webstore system from Amazon...
But I will try to figure out, what the problem could be and where I should change something.

here page_overrides.css:

body.browse #columns #leftColumn {
  float: left;
  width: 182px;
  padding-right: 18px;
  border-right: 1px solid #cccccc;
  margin-right: -1px; }
body.browse #columns #centerColumn {
  margin-left: 200px;
  border-left: 1px solid #cccccc;
  padding-left: 18px; }

body.browse #columns #leftColumn {
  border-right: none; }
body.browse #columns #centerColumn {
  border-left: none; }

body.orderPipeline#pageId1000 div.lapNav div.images .before_cart {
  float: left;
  width: 83px !important; }
body.orderPipeline#pageId1000 div.lapNav div.images .cart {
  float: left;
  width: 56px !important; }
body.orderPipeline#pageId1000 div.lapNav div.images .after_cart {
  float: left;
  width: 248px !important; }
body.orderPipeline#pageId1000 div.lapNav div.lapCheckoutNavigationText .signIn {
  color: white; }
body.orderPipeline#pageId1000 div.lapNav div.lapCheckoutNavigationText .shipping {
  color: #f2e694; }
body.orderPipeline#pageId1000 div.lapNav div.lapCheckoutNavigationText .giftOptions {
  color: white; }
body.orderPipeline#pageId1000 div.lapNav div.lapCheckoutNavigationText .payment {
  color: white; }
body.orderPipeline#pageId1000 div.lapNav div.lapCheckoutNavigationText .placeOrder {
  color: white; }
body.orderPipeline#pageId1000 div.lapNav div.lapCheckoutNavigationText .giftOptions {
  display: none; }

body.orderPipeline#pageId1010 div.lapNav div.images .before_cart {
  float: left;
  width: 83px !important; }
body.orderPipeline#pageId1010 div.lapNav div.images .cart {
  float: left;
  width: 56px !important; }
body.orderPipeline#pageId1010 div.lapNav div.images .after_cart {
  float: left;
  width: 248px !important; }
body.orderPipeline#pageId1010 div.lapNav div.lapCheckoutNavigationText .signIn {
  color: white; }
body.orderPipeline#pageId1010 div.lapNav div.lapCheckoutNavigationText .shipping {
  color: #f2e694; }
body.orderPipeline#pageId1010 div.lapNav div.lapCheckoutNavigationText .giftOptions {
  color: white; }
body.orderPipeline#pageId1010 div.lapNav div.lapCheckoutNavigationText .payment {
  color: white; }
body.orderPipeline#pageId1010 div.lapNav div.lapCheckoutNavigationText .placeOrder {
  color: white; }
body.orderPipeline#pageId1010 div.lapNav div.lapCheckoutNavigationText .giftOptions {
  display: none; }

body.orderPipeline#pageId1020 div.lapNav div.images .before_cart {
  float: left;
  width: 83px !important; }
body.orderPipeline#pageId1020 div.lapNav div.images .cart {
  float: left;
  width: 56px !important; }
body.orderPipeline#pageId1020 div.lapNav div.images .after_cart {
  float: left;
  width: 248px !important; }
body.orderPipeline#pageId1020 div.lapNav div.lapCheckoutNavigationText .signIn {
  color: white; }
body.orderPipeline#pageId1020 ...