<br> aus search form entfernen

[sui]

Hallo Community,

ich hoffe, Ihr könnt mir helfen.

Ich habe nach Wiki-Anleitung eine "Globale Seitensuche" erstellt (Link).

Habe beim Formulargenerator das Formular generiert - tabellenloses Layout, keywords-Textfeld und nen Absende-Button. Da ich für den Absende-Button gern ein Bild verwenden möchte, welches direkt neben dem Textfeld angezeigt werden soll, habe ich nicht die im Textfeld angegebene Möglichkeit gewählt (Absenden-Button hinzufügen), da dieser Button keine Grafik einbinden kann, sondern einen Extra Absendebutton erstellt und die Grafik angegeben.

Soweit so gut. Aber, folgender Quelltext wird generiert:

  <input name="keywords" id="ctrl_1" class="text" value="" type="text"><br>
  <div class="submit_container">
    <input src="search_button.jpg" id="ctrl_3" class="submit" alt="Suchen" value="Suchen" type="image"> 
</div>

Jetzt stört mich das <br> hinter dem "input type=text" ganz gewaltig. Ich kann den Absendebutton nicht neben das Textfeld setzen. Über CSS

br { display: none; }

kann ich den Zeilenumbruch nicht ausblenden. Dachte, das geht - funktioniert aber irgendwie nicht. Wenn ich es global versuche, scheine ich genau dieses Element darüber nicht ansprechen zu können.

Wo kann ich dieses <br> entfernen? Wie lautet der CSS-Code genau? Oder welche Datei muss ich bearbeiten um das <br> nicht generieren zu lassen?
Kann mir das einer sagen?

Danke.

Grüße
Sui

[Anke]

Du kannst - ohne irgendwelche Dateien verändern zu müssen - den Button per CSS neben das Input-Feld setzen, z.B. so etwa

.submit_container {width:50px; position:relative; top: -25px; left:150px;}

CSS-Kentnisse solltest du dir aneignen, wenn du mit Contao arbeiten willst.

Gruß,
Anke

[sui]

holla - der hat gesessen.

[Anke]

Äh - du meinst der Button sitzt jetzt? ;-)

Das andere war als Rat gedacht, nicht als Seitenhieb. Solche Positionierungen sollten, soweit irgend möglich, immer per CSS formatiert werden, bevor du daran denkst, irgendeine Datei (ein Template) zu ändern.

[sui]

ja genau - positiv im sinne von "der button sitzt jetzt"...

ich war wohl etwas beschränkt in meiner denkweise. auf eine positionierung bin ich überhaupt nicht gekommen.

sieht auf jeden fall gut aus jetzt. zusätzlich hast du mein bewusstsein erweitert.

[Raynaldo]

Wo kann ich dieses <br> entfernen? Wie lautet der CSS-Code genau?

.formbody br
{
	display:none;
}
.submit_container
{
	display:inline;
}

So hat's bei mir geklappt.

[sui]

Hi,

ja danke - das klappt auch gut.

Wenn ich jetzt der Such-Form noch eine zusätzliche ID gebe, z.b. "search_field", funktioniert das von raynaldo nicht mehr.

#search_field .formbody br { display:none; }
#search_field .submit_container { display:inline; }

Funktioniert nicht. Das krieg ich irgendwie nicht hin.
Weiß das einer?

Grüße
Sui

[xchs]

Wenn ich jetzt der Such-Form noch eine zusätzliche ID gebe, z.b. "search_field", funktioniert das von raynaldo nicht mehr.

Funktioniert nicht. Das krieg ich irgendwie nicht hin.
Weiß das einer?

Wo genau hast Du denn die ID "search_field" eingegeben, im Eingabefeld CSS-ID oder etwa unter Formular-ID?

Schau Dir am besten den generierten Quellcode mit Firebug an; so findest Du auch schnell den betreffenden Selektor.

Und wenn das auch nichts hilft und Du eine konkrete Antwort haben möchtest, dann bitte diesen Beitrag lesen.

[Raynaldo]

Hi,
Wenn ich jetzt der Such-Form noch eine zusätzliche ID gebe, z.b. "search_field", funktioniert das von raynaldo nicht mehr.

#search_field .formbody br { display:none; }
#search_field .submit_container { display:inline; }

Hab ich auch, bei mir heisst sie #suchfeld .

Ich habe die ID dem DIV vor dem "form"-Tag und nach dem DIV mit der Klasse "inside" gegeben.

[Andreas]

Soweit so gut. Aber, folgender Quelltext wird generiert:

  <input name="keywords" id="ctrl_1" class="text" value="" type="text"><br>
  <div class="submit_container">
    <input src="search_button.jpg" id="ctrl_3" class="submit" alt="Suchen" value="Suchen" type="image"> 
</div>

Btw, hast du das Template verändert, oder nur aus einem schlechten Quelltextanzeiger rauskopiert? Inhaltsleere Elemente müssen nämlich geschlossen werden.

<input type="text" /><br />

Gruß