Suchfeld verschieben

[martin-schulz1]

Hallo Leute

Ich bekomme es einfach nicht hin mein Suchfeld an eine andere Position zu verschieben.
Wenn ich es an die Stelle aus dem Screenshot verschieben ist es ganz oben unter dem Bildschirmrand.
[ Für Gäste sind keine Dateianhänge sichtbar ]

Code: PHP  [Auswählen]

        <div id="layout_info_top">
                <ul class="infonavitop">
                        <li class="logo">
                                <a href="{$index}"><img src="templates/ls24/img/shoplogo.png"></a>
                        </li>
                        <li class="suchfeld">
                                Suchfeld
                        </li>
                                {if isset($box_CART)}<li class="cart">{$box_CART}</li>{/if}
                                {if isset($box_WISHLIST)}<li class="wishlist">{$box_WISHLIST}</li>{/if}
                </ul>
        </div>
 

Code: CSS  [Auswählen]

#layout_info_top {
  background-color:#ffffff;
  height:85px;
  /*overflow:hidden;*/
  padding:0px 0px;
  width:1000px;
  margin: 0px auto;
}
ul.infonavitop {
  height:85px;
  width:100%;
  list-style-type:none;
}
ul.infonavitop li {
  float:left;
  padding: 0px 8px 0px 8px;
  line-height:13px;
  margin: 0px 0px;
  border-right: 0px solid #fff;
  color:#00b0e9;
  font-size:15px;
}
ul.infonavitop li a {
  color:#00b0e9;
  font-weight:normal;
  text-decoration:none;
}
ul.infonavitop li a:hover {
  color:#eee;
  text-decoration:none;
}
ul.infonavitop li.logo {
  margin:10px 0px 10px 5px;
}
ul.infonavitop li.suchfeld {
  margin:10px 0px 10px 15px;
}
ul.infonavitop li.cart {
  float:right;
  border:none;
  padding: 20px 10px 20px 10px;
  margin: 0px;
  line-height:40px;
  height:40px;
  position:relative;
}
ul.infonavitop li.cart a {
  background: transparent url(img/img_cart_sprite2.png) no-repeat 0px 9px;
  padding-left:10px;
  display:block;
  line-height:40px;
}
ul.infonavitop li.cart a:hover {
  background: transparent url(img/img_cart_sprite2.png) no-repeat 0px -71px;
  display:block;
  color:#434343;
  text-decoration:none;
}
ul.infonavitop li.wishlist {
  float:right;
  border:none;
  padding: 20px 10px 20px 10px;
  margin: 0px;
  line-height:40px;
  height:40px;
  position:relative;
}
ul.infonavitop li.wishlist a {
  background: transparent url(img/img_wishlist_sprite2.png) no-repeat 0px 9px;
  padding-left:10px;
  display:block;
  line-height:40px;
}
ul.infonavitop li.wishlist a:hover {
  background: transparent url(img/img_wishlist_sprite2.png) no-repeat 0px -71px;
  display:block;
  color:#434343;
  text-decoration:none;
}
 

Sry vieleicht hat ja der ein oder andere eine Idee

Linkback: https://www.modified-shop.org/forum/index.php?topic=35795.0

[jumpM]

Hi,

in der Datei stylesheet.min.css

Code: XML  [Auswählen]

#search {
    border: 0 solid transparent;
    float: right;
    position: relative;
    right: 65px;
    top: -36px;
    width: 230px;

die Änderungen vornehmen!

Robert

[martin-schulz1]

Hallo jumpM

die änderungen in der stylesheet.min.css sind vorhanden
jedoch im anhang siehst du mein Problem
[ Für Gäste sind keine Dateianhänge sichtbar ]

[jumpM]

Hi,

AH!!!! ich sehe jetzt isses wieder normal!

Verstehe ich es richtig, das Du das Suchfeld an der Pos. haben willst wo jetzt der Text SUCHFELD steht?

Robert

[martin-schulz1]

Ja richtig.

[jumpM]

OK

Dann in der Stylesheet.min.css diese:

Code: XML  [Auswählen]

#search {
    border: 0 solid transparent;
    float: right;
    position: relative;
    right: 65px;
    top: -36px;
    width: 230px;
 

so ändern!

Code: XML  [Auswählen]

#search {
    border: 0 solid transparent;
    float: right;
    position: relative;
    right: 415px;
    top: -120px;
    width: 230px;

Dann sollte es richtig sein!!

Robert