Suchbox: Schönheitsfehler?

[Noha]

Seid gegrüsst ihr alle,

hätte da mal eine kurze Frage:

Ich habe die Suche aus dem header herausgenommen und auf dei linke Seite verbannt.
Soweit so gut...

Neben dem Sucheingabefeld ist ja der Button, um die Suche zu starten, sofern man kein Enter drückt.

Ist das normal, dass besagter Button etwas nach oben verschoben ist?

Wenn ja, kann ich das ändern in unnormal, also angeglichen ans Suchfeld?

Bei ja, wie bekomme ich das hin? In der box_search.html wüsste ich nicht, was/wonach ich sehen müsste.

Gruss Noha

  [ Für Gäste sind keine Dateianhänge sichtbar ]



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

[Tomcraft]

Wenn du uns mal deinen geänderten Code der box_search.html zur Verfügung stellen würdest?

Grüße

Torsten

[Noha]

Bidde bidde, sollte kein Problem sein:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<h2 class="boxheader">{#heading_search#}</h2>
<div class="boxbody">
        <p>{$FORM_ACTION}</p>
        <p>{$INPUT_SEARCH}{$BUTTON_SUBMIT}</p>
  <p><a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a></p>
        {$FORM_END}
</div>

[Tomcraft]

Da fällt mir auch gerade nur die "unelegante" Methode über die Tabelle ein...

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<h2 class="boxheader">{#heading_search#}</h2>
<div class="boxbody">
{$FORM_ACTION}
<table border="0" cellspacing="0" cellpadding="0">
     <tr>
          <td>{$INPUT_SEARCH}</td>
          <td>{$BUTTON_SUBMIT}</td>
     </tr>
     <tr>
          <td colspan="2"><a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a></td>
     </tr>
</table>
{$FORM_END}
</div>
 

Funktioniert aber.

Grüße

Torsten

[Noha]

Joup, unelegant, aber funktioniert

Ich denke aber nicht, dass das grossartige Auswirkungen auf den restlichen Shop haben sollte!?!

Ich danke dir!

[Tomcraft]

Nein hat keine weiteren Auswirkungen, aber Tabellen sind nicht mehr so state of the art.

[speedy]

[...] Tabellen sind nicht mehr so state of the art.

Beim Versuch das xtc5 und yaml Template zu verflechten (irgendwie zu kombinieren), ist mir aufgefallen, dass xtc5 noch an vielen Stellen Tabellen verwendet.
Such mal nach <td> oder <table (ohne schließende Klammer)

Leider ist das kombinieren, ohne strukturelle Änderungen kaum möglich, hab es die Tage erstmal auf Eis gelegt.
Bspweise ein sinnvoller Ansatz sind diverse CSS-Dateien je nach Einsatzzweck, boxes.css, content.css usw. statt alles in einer Stylesheet.

Naja, wäre ja auch zu schön, wenn uns die Arbeit mal ausging

[Tomcraft]

Also das stelle ich aber mal gaaaaaaaaaaaaaanz hinten an, wenn ich wirklich vor lauter Langeweile kaum noch weiss, was ich mit der ganzen Freizeit machen soll!

[guensi]

Bidde bidde, sollte kein Problem sein:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<h2 class="boxheader">{#heading_search#}</h2>
<div class="boxbody">
        <p>{$FORM_ACTION}</p>
        <p>{$INPUT_SEARCH}{$BUTTON_SUBMIT}</p>
  <p><a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a></p>
        {$FORM_END}
</div>

Na ja ich würds mal mit css versuchen.

Code: PHP  [Auswählen]

<p style="vertical-align:middle">{$INPUT_SEARCH}{$BUTTON_SUBMIT}</p>
 

Bei http://aktuell.de.selfhtml.org/ findest du dazu folgendes:

Mit vertical-align: können Sie die vertikale Ausrichtung bestimmen. Folgende Angaben sind möglich:

top = obenbündig ausrichten.
middle = mittig ausrichten.
bottom = untenbündig ausrichten.
baseline = an der Basislinie ausrichten (oder untenbündig, wenn es keine Basislinie gibt).
sub = tieferstellen (ohne die Schriftgröße zu reduzieren).
super = höherstellen (ohne die Schriftgröße zu reduzieren).
text-top = am oberen Schriftrand ausrichten.
text-bottom = am unteren Schriftrand ausrichten.

Quelle: vertical-align (vertikale Ausrichtung)

[Tomcraft]

Na endlich meldet sich der CSS Crack!

Bitte diese Lösung testen und die Tabellen-Lösung streichen.

[guensi]

Sorry, hab ja auch noch andres zu tun. Aber für solche Fragen muss man nur wissen wo man das nachschauen kann. In diesem Fall bei selfhtml, Link s.o.

Tabellen sollte man dort einsetzen, wo sie Sinn machen. Den Drang zu tabellenfreien Layouts sehe ich als Überreaktion (gibt's den Begriff der Tabellenallergie schon?). Tabellenarm sollte schon eher die Marschrichtung sein. Gibt einfach Problemstellungen, für die die Tabelle die beste Lösung ist. Simple Positioning-Probs kriegt man auch anders hin.

[Tomcraft]

Wollte dich nicht drängeln, kann mir vorstellen, dass du gut zu tun hast.

Tabellenfrei werden wir nicht, dazu gibt es YAML.

Aber wie du schon sagst, doch bitte nur da, wo es Sinn macht!

Grüße

Torsten

[guensi]

[...]
Tabellenfrei werden wir nicht, dazu gibt es YAML.
[...]

Klar, man kann natürlich auch versuchen mit der Rohrzange einen Nagel in die Wand zu schlagen. Mit genügend Feingefühl wird das auch funktionieren. Aber für diesen Vorgang wurde der Hammer erfunden und hat sich über die Jahrhunderte bewährt. So ähnlich sehe ich das auch mit den Tabellen. Bloss weil das eine der ältesten Methoden zur Darstellung von Inhalt ist, muss die nicht gleich per se schlecht sein. Die Tabellenfrei-Fetischisten mögen da aufschreien. Ich denke da eher pragmatisch und versuche für die Lösung eines Problems das passende Werkzeug zu wählen. Wenn ich mindestens genau so viel Code (oder sogar deutlich mehr) brauche, um das gleiche Layout tabellenfrei zu erreichen, dann ist die Grenze des Sinnvollen für mich überschritten.

[Noha]

[...]
Bitte diese Lösung testen und die Tabellen-Lösung streichen.

Sodele, mal kurz Rückmeldung, nachdem mir mein neuer Laptop um die Ohren geflogen ist und ich erst Ersatz haben musste

Momentan hab ich noch Torstens Lösung, klappt ganz gut wie gewünscht.

Das andere mit CSS muss ich mich erst durchfusseln, davon hab ich nicht wirklich Ahnung, bin aber auf dem Weg der Besserung, will sagen ich lese mich da ein und probiere es damit auch noch.

Gruss Noha

[Tomcraft]

Trau dich da ruhig ran, guensi hat ja beschrieben, wie es geht!

Und dann nochmal melden und berichten!

Grüße

Torsten