Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 2, 2015 at 10:17 am #467383
    crevlon

    Hi,

    ich hab oben im Header mit dem folgenden Code eine Suchfunktion hinzugefügt:

    #top #s{
height: 29px;
width: 247px;
border: 1px solid #827f7c;
color: #474747;
}

#top #searchsubmit{
width: 65px;
height: 29px;
font-weight: bold;
line-height: 12px;
font-size: 12px;
color: white;
background-color: #e28329;
background-image: -moz-linear-gradient(top, #e28329, #d25a23);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e28329), to(#d25a23));
background-image: -webkit-linear-gradient(top, #e28329, #d25a23);
background-image: -o-linear-gradient(top, #e28329, #d25a23);
background-image: linear-gradient(to bottom, #e28329, #d25a23);
background-repeat: repeat-x;
border: 1px solid #827f7c;
border-left: none;
font-family: 'Arial' !important;
z-index: 14;
}

    Wenn ich meinen Browser jetzt kleiner mache, verschiebt sich die Suche in das Logo (siehe Bild).
    Wie kann ich das ändern?

    LG

    July 6, 2015 at 10:37 am #468772
    Andy

    Hey crevlon!

    scheint als hättest du es hinbekommen, denn bei mir rutscht das Suchfeld nicht mehr ins Logo hinein. Lass uns in einem neuen Ticket wissen, wenn du wieder eine Frage oder Hilfe bezüglich des Themes benötigst. Wir helfen dir gerne aus.

    Gruß!
    Andy

    July 7, 2015 at 7:45 am #469432
    crevlon

    Hi Andy,

    doch ist alles noch beim Alten. Hast den Browser vielleicht nicht schmal genug gezogen? Oder zu schmal, so dass das Suchfeld ganz verschwindet.

    Versuchs bitte nochmal.

    LG

    July 7, 2015 at 11:11 am #469536
    Andy

    Hey!

    komisch, bei mir wird alles top angezeigt:

    Bitte leere deinen Browser Cache und refresh deine Website einige Male neu.

    Gruß,
    Andy

    July 7, 2015 at 2:27 pm #469673
    crevlon

    Ah jetzt seh ichs:

    Es geht NICHT um http://www.pharao24.de
    sondern um http://www.pharao24.de/magazin

    LG

    July 7, 2015 at 3:15 pm #469711
    Andy

    Hi!

    ah da lag wohl der Hase begraben.
    Hier kannst du mittels media queries die Position deines Suchfeldes kontrollieren, für iPad z.B. so:

    @media only screen and (max-device-width: 1024px) {
div#search-2 {
margin-left: 154px; 
}}

    Gruß,
    Andy

    July 7, 2015 at 3:32 pm #469729
    crevlon

    Da verändert sich bei mir irgendwie gar nichts. Kann ich das nur mit einem entsprechendem Endgerät (z.b. IPad) testen oder sollte es auch gehen, indem ich den Browser kleiner ziehe? So passiert nämlich nichts bei mir.

    Noch was anderes:
    Wie bekomme ich nen Placeholder in meine Suche rein?

    Mit dem folgenden Code klappt es nicht:

    #top #s{
value placeholer="Gesamtes Magazin durchsuchen ..." !important;
}
    July 7, 2015 at 4:39 pm #469797
    Andy

    Hi!

    mein letzter Code greift für eine maximale Bildschirmgröße von 1024px. Das heißt wenn der Browser entsprechend klein gemacht wird, solltest du Wirkung des Codes sehen. Du musst den Code natürlich anpassen für deine speziellen Wünsche, also den max-width Wert sowie den margin-left Wert anpassen. Probiere ein wenig aus was für dich passt.

    Bezüglich eines Placeholders habe ich das hier gefunden:
    http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
    http://www.jacklmoore.com/notes/form-placeholder-text/

    Hoffentlich hilft dir das weiter.

    Gruß!
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.