[GELÖST] [Gelöst] Formularfelder nicht klickbar

opawaldburger · 26. August 2011 08:56

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:

Hier klicken, um den Code zum Kopieren zu markieren

[== 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>

Hier klicken, um den Code zum Kopieren zu markieren

[== 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 · 26. August 2011 10:09

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;

opawaldburger · 26. August 2011 12:03

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

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 · 26. August 2011 12:14

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:

Hier klicken, um den Code zum Kopieren zu markieren

#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;
}

opawaldburger · 26. August 2011 12:25

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

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

NaN · 26. August 2011 12:31

Nein leider nicht.

opawaldburger · 26. August 2011 12:45

Alles klar!
Danke vielmals für deine Hilfe! smile

Forum für CMS/made simple

#1 26. August 2011 08:56

[GELÖST] [Gelöst] Formularfelder nicht klickbar

#2 26. August 2011 10:09

Re: [GELÖST] [Gelöst] Formularfelder nicht klickbar

#3 26. August 2011 12:03

Re: [GELÖST] [Gelöst] Formularfelder nicht klickbar

#4 26. August 2011 12:14

Re: [GELÖST] [Gelöst] Formularfelder nicht klickbar

#5 26. August 2011 12:25

Re: [GELÖST] [Gelöst] Formularfelder nicht klickbar

#6 26. August 2011 12:31

Re: [GELÖST] [Gelöst] Formularfelder nicht klickbar

#7 26. August 2011 12:45

Re: [GELÖST] [Gelöst] Formularfelder nicht klickbar

Fußzeile des Forums