Herstellerdropdown neben Kategorienamen? Wie?

[smoker]

Hallo Leute,

ich bin gerade dabei das xtc5 Template auf meine Bedürfnisse anzupassen. Nun bin ich auf folgendes "Problemchen" (für mich) gestossen.

Wie kann ich es anstellen, dass in der "product_listing.html" der Kategoriename UND das Herstellerdropdown in einer Zeile stehen? Der Name auf der linken Seite und das Dropdown auf der rechten Seite.

Über informative Antworten würde ich mich freuen.

MfG Smoker



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

[Benny]

Smoker schau mal hier: http://www.css4you.de/float.html

Für den Kategorienamen vergibst du ein DIV mit "float:left" und für die Dropbox ein DIV mit "float:right".

Wichtig hierzu ist jedoch noch die Breitenangabe "width" in jedem Div.

Gruß,
Benny

[smoker]

Hi Benny,

vielen Dank erstmal für Deine Hilfe, aber irgendwie krieg ich das nicht hin. Habe ZWEI DIVs erstellt und denke/hoffe es auch richtig eingefügt im Code.

Codeauszug:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <div>
 <width="50%" style="float:left;"><h1>{$CATEGORIES_NAME}</h1>
 </div>
 <div>
 <width="50%" style="float:right;">{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
 </div>
{/if}
 

Wo liegt der Fehler? Bin mit DIVs noch nicht so fit.

MfG Smoker

[GTB]

Code: PHP  [Auswählen]

<div style="float:left; width:50%;"><h1>{$CATEGORIES_NAME}</h1>
</div>
<div style="float:right; width:50%;">{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
</div>
 

[guensi]

Und damit das Ganze nicht nachfolgend zu Verwirrungen führt, danach noch einen div container mit einer clear-Anweisung einfügen

Code: PHP  [Auswählen]

<div style="clear:both"></div>
 

Damit werden alle Float-Anweisungen wieder aufgehoben und für die nächste Zeile gilt wieder der Normalfluss. Denn für Float gibt es eine Grundregel - wer floated muss auch clearen.

Detaillierte Infos dazu gibts hier: http://selfhtml.org/

[GTB]

Danke guensi, habe ich in der Eile vergessen.  

[smoker]

Hallo Leute,

ich bin jetzt gerade mal schön am Verzweifeln oder "zu doof".  

Also, ich habe jetzt beide Tipps von GTB und Guensi, in die product_listing.html geschrieben, aber es funzt einfach nicht!  

Hier mal mein Auszug aus dem Code:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <div style="float:left; width:50%;"><h1>{$CATEGORIES_NAME}</h1></div>
  <div style="float:right; width:50%;">{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}</div>
  <div style="clear:both"></div>

{/if}

{if $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE}

                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" class="imgLeft" /><br />{/if}

                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}{/if}

{/if}
 

Im Screenshot seht Ihr was ich meine.

Bitte um Eure Hilfe! Vielen Dank im voraus.

MfG Smoker

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

[guensi]

Also prinzipiell ist das alles schon korrekt so. Das Hersteller-dropdown steht schon neben der Überschrift. Aber da dies eine H1 Überschrift ist, hat die natürlich einen Abstand zum vorhergehenden Element, das Dropdownmenue jedoch nicht.

Einfach mal so versuchen:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <div style="float:left; width:50%;"><h1>{$CATEGORIES_NAME}</h1></div>
  <div style="float:right; width:50%; margin-top:15px;">{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}</div>
  <div style="clear:both"></div>

{/if}

{if $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE}

                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" class="imgLeft" /><br />{/if}

                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}{/if}

{/if}

Wenns dann noch nicht genau auf Höhe der Überschrift sitzt, solange am Wert für margin-top schrauben, bis das passt.

[smoker]

Hallo Guensi,

vielen Dank für den Tipp. Da wäre ich im Leben nicht drauf gekommen. Habe überall nach einem "Platzhalter" o.ä. gesucht und natürlich nicht gefunden. Also VIELEN DANK nochmal.

MfG Smoker