Informationen für CMS/made simple

opawaldburger

Gast

Re:

Ich komm und komm und komm einfach nicht drauf. Ich habe auf meiner Seite das Such-Modul eingebaut. Das Problem ist aber, dass ich weder ins Input-Feld was schreiben kann, noch den Submit-Button drücken kann. Es ist einfach nicht anklickbar...
Hier der Code:

[== HTML ==]
    <div id="search_TopInner">
    <div id="searchbox">{search}</div>
          <div id="searchbar_text"><span><a href="index.php?site=kontakt">Kontakt</a></div>
        </div>
      </div>

[== CSS ==]
#search_TopInner {width: 850px; height: 50px; margin: auto; }  
#searchbox {float: left; margin-top: 13px; }
#searchbar_text {position: relative; top: 14px; text-align: right; font: 12px Arial; }

Wenn man bei #searchbox den margin-Wert entfernt, funktioniert das Ding, jedoch ist es dann leider nicht mittig von #search_TopInner ausgerichtet...

Weiß von euch jemand Rat? Ich habe mich stundenlang gespielt, gegooglet etc, aber es will einfach nicht so wie ich...

-opa

Beitrag geändert von opawaldburger (26. August 2011 12:46)

NaN

Moderator

Ort: Halle (Saale)

Registriert: 09. November 2010

Beiträge: 4.058

Re:

Zunächst ist da ein Markupfehler:

<div id="search_TopInner">
    <div id="searchbox">{search}</div>
    <div id="searchbar_text"><span><a href="index.php?site=kontakt">Kontakt</a></div>
</div>
</div>

Ich weiß nicht wie der Rest der Seite aussieht. Vielleicht wird das Suchformular wenn es mittig ist von einem anderen transparenten Element überlagert. Gib mal dem #search_TopInner noch ein z-index:999;

---

Module: GBFilePicker, AdvancedContent, FEUMailer
Plugins: AjaxTools, XajaxTools
Sicherheit: Beispiel .htaccess-Datei

opawaldburger

Gast

Re:

Herzlichen Dank für den Hinweis für den Markupfehler - ist jetzt ausgebessert

Leider war aber weder das, noch z-index eine Lösung für das Problem.
Hier ist der Link zur Seite: http://www.asb-wilhelmsburg.net/test/

-opa

Edit: Das Suchfeld ganz oben links ist gemeint.

Beitrag geändert von opawaldburger (26. August 2011 12:10)

NaN

Moderator

Ort: Halle (Saale)

Registriert: 09. November 2010

Beiträge: 4.058

Re:

Das Formular ist schon klickbar, nur muss man ca. 13 px weiter oben klicken.
Das hängt mit dem float:left und dem margin-top:13px bei der #searchbox zusammen.

Versuch stattdessen mal folgendes:

#search_TopInner {
    height: 50px;
    margin: auto;
    width: 850px;
    position:relative;
}

#searchbox {
    left: 0;
    position: absolute;
    top: 13px;
}

#searchbar_text {
    font: 12px Arial;
    position: absolute;
    right: 0;
    text-align: right;
    top: 14px;
}

---

Module: GBFilePicker, AdvancedContent, FEUMailer
Plugins: AjaxTools, XajaxTools
Sicherheit: Beispiel .htaccess-Datei

opawaldburger

Gast

Re:

SENSATIONELL!! Ich könnte zwar schwören dass ich auch diese Alternative versucht hab, aber scheinbar doch nicht Danke vielmals!

Kannst du mir erklären warum es anders nicht funktioniert hat?

NaN

Moderator

Ort: Halle (Saale)

Registriert: 09. November 2010

Beiträge: 4.058

Re:

Nein leider nicht.

---

Module: GBFilePicker, AdvancedContent, FEUMailer
Plugins: AjaxTools, XajaxTools
Sicherheit: Beispiel .htaccess-Datei

opawaldburger

Gast

Re:

Alles klar!
Danke vielmals für deine Hilfe!