Suchergebnisse bzw. die Ausgabe..

**Nargaroth** · 08.09.2011 17:01

der Resultate erscheint auf "meiner" Seite recht choatisch. Ich muss dazu sagen, die Seite ist bisher erst mein zweites Projekt welches im mit Joomla umsetzte, daher bitte etwas Nachsicht was eventuelle CSS Fehler betrifft.

Suche des Forum habe ich schon bemüht, aber nichts Themenverwandes gefunden. :-(

Zurück zum Thema, wenn ich die Suchfunktion nutze, bzw. diese ausführe werden mit die Ergebnisse sehr chaotisch angezeigt. Und wenn ich ehrlich bin, weis ich nicht genau wie ich dieses Chaos ordnen kann. Ich habe schon den Firebug bemüht aber ich habe die Befürchtung wenn ich die .contentpaneopen Klasse abändere, wird das Chaos noch größer und das würde ich gern vermeiden. Mal davon abgesehen, weis ich auch nicht wirklich wie ich die tabelarisch aufgebaute Ausgabe der Suche optimieren könnte. Hat vielleicht jemand einen Tip für mich, das wäre wirklich klasse..

Die Seite --> http://www.heilpraktiker-tilg.de/

**mont-bit** · 08.09.2011 18:04

Hallo,

vergleiche einmal die Ausgabe mit Firefox und MS-IE. Gibt schon da Unterschiedliche Darstellungen.

Gruss Andy

**Nargaroth** · 08.09.2011 19:58

Hi mont-bit,

ich weis, ich habe das Gefühl das die Defintionen welche ich vorgenommen habe für z.B. die Suchfunktion (.inputbox) z.B. dazu beitragen das dieses Kauderwelsch dabei rauskommt. Ich hatte Problem mit dem eingefügten Suchbutten, daher habe ich versuchst alles selbst anzupassen und da mir in dem Punkt offensichtlich etwas Erfahrung fehlt, wuste ich mir nicht anders zu helfen.

.inputbox wird zum Beispiel in der Suchfunktion genutzt und auch bei der Ausgabe der Suchergebniss (für die Anzahl der angezeigten Ergbnisse) und selbst ich als Anfänger kann mir vorstellen das diese Ausgabe davon beeinflusst wird da ich float: angaben für die .inputbox nutze.. :-/

Daher habe ich dringen Bedarf an ein paar praktischen Tips, hast du vielleicht einen für mich der mich auf die richtig Spur bringen könnte?

**mont-bit** · 08.09.2011 21:58

Hallo,
.inputbox bezieht sich nur auf die "Suchen-Box" und die könnte z.B. ein "padding: 0px 0px 0px 3px;" vertragen.
.contentpaneopen wird mit Firebug in der CSS Ausgabe gar nicht angezeigt. Also ist es gar nicht formatiert.

.contentpaneopen {

}

fieldset in der CSS definieren

fieldset {
margin: 2px 0px; /* Zwischenabstand zwischen den Rahmen der Suchergebnisse */
padding: 4px; /* da müsste der IE reagieren und einen Randabstand zum Text erzeugen */
}

Mit Firebug kannst Du nichts verhunzen, aber an Feinheiten tüfteln, die anschliessend in die CSS übernommen werden. Fehlt ein Bezeichner wie fieldset oder .contentpaneopen, eröffne diese in der CSS mit leeren, geschweiften Klammern. So kannst Du diese in Firebug mit verschiedenen Parametern ausprobieren.

ich kann die Daten so nicht speichern und sehen, wie der IE reagiert. Du jedoch schon.

Gruss Andy

**anka** · 08.09.2011 22:26

Ein paar (viele

) der Darstellungsfehler sind auch ein Resultat dieser Fehler hier und hier. Die solltest du erst beheben, bevor du weitermachst, sonst kommen dir diese Fehler immer wieder in die Quere

.

**Nargaroth** · 09.09.2011 12:38

Danke für die Hilfe und ich muss euch beiden zustimmen, ich habe teilweise nicht konsequent an einem Problem gearbeitet, sondern versucht alles auf ein mal irgendwie zu fix..

Und das ging wohl in die Hose, die CSS Tips werde ich dann gleich mal local ausprobieren..

**Nargaroth** · 09.09.2011 14:44

Also, ich habe ausprobiert. Mit Fieldset kann ich was anfangen, habe die Abstände der einzelnen Elemente zueinander optimiert und auch die Außenabstände einstellen können. Die Grundbefehle wie margin, padding kenne ich bereits, die CSS habe ich ja auch selbst geschrieben, daran hapert es denke ich erst mal nicht.

Mein Problem, ich verstehe nicht recht was die .contentpaneopen macht oder wofür Sie verantwortlich ist! Die Formatierung meines Contents?
Als Anfänger gehe ich meist nach dem gleichen Prinzip vor, wenn ich etwas suche nutze ich den Firebug um die jeweiligen Bezeichner, IDs oder classen ausfindig zu machen. Nur habe ich bei der .contentpaneopen das Problem, das deren Inhalt letztlich übere eine Tabelle angezeigt wird und ich nicht weis, wie ich diese abändern kann, ohne das ich gleich zum Beispiele mein Hauptmenu zerlege. Dieses wird auch durch einen Tabelle angezeigt!

praktisches Beispiel, wenn ihr auf dieser Seite sucht habt Ihr über den fieldsets auf der rechten Seite eine Anzeige die die Anzahl der pro/Seite angezeigten Ergebnisse regelt. Im IE zum Beispiel verhindert diese, das die fieldsets über die ganze Seite (Breite) angezeigt werden. Wenn ich nun den Firebug nutze kommt das dabei raus!

Code:

<div align="center">
<div style="float: right;">
<label for="limit"> Anzeige # </label>
<select id="limit" class="inputbox" onchange="this.form.submit()" size="1" name="limit">
</div>
<div> Seite 1 von 2 </div>
</div>

Wie kann ich zum Beispiel, dieses eine Div ansprechen welches limit und das label von limit beinhaltet? Es hat keinen eindeutigen Bezeichner oder irre ich mich da?

Wie kann ich die Anzeige dieser tabellarisch angezeigten Elemente ändern?

**mont-bit** · 10.09.2011 00:25

Hallo,

ich sehe da folgenden Code:
<select id="limit" class="inputbox"......

Probiere mal, in der CSS #limit zu definieren. Vielleicht wird Dir anschliessend mit Firebug diese Formatierung angezeigt. Wenn ja, kannst Du weiterhin an Werten tüfteln.

Wechsle doch ab und an das Template im Backend, um anschliessend mit Firebug die CSS des anderen Template zu untersuchen. So erfährst Du auch, wie Sachen formatiert wurden, die in Deiner template.css fehlen. Du wirst staunen, was es da alles gibt. Dies hilft ungemein, das eigene Template auf Vordermann zu bringen.

Gruss Andy

**anka** · 10.09.2011 08:33

Hallo Nargaroth

Tut mir leid, wenn ich darauf zurückkomme, aber du musst wirklich wenigstens die gröbsten Fehler, die der Validator^^ ausspuckt, korrigieren. Du wirst staunen, wie sich die Anzeige dadurch verändert

Vor allem das hier solltest du unbedingt beachten:

1. index.php

falsch:

Code:

<html>
<head>
         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
         <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="language; ?>" lang="language; ?>">

Hier muss DOCTYPE vor <html> und <head> stehen:

korrekt:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
<head>

2. template.css

Wenn du Eigenschaften auskommentieren willst, dann musst du die korrekte Syntax verwenden.

falsch:

Code:

p {
  font-family: Helvetica,Arial,sans-serif;
  font-style: normal;
  font-size: 90%;
  color: #4a4a4a;
  font-weight: normal;
  * font-stretch: wider;
}

korrekt:

Code:

p {
  font-family: Helvetica,Arial,sans-serif;
  font-style: normal;
  font-size: 90%;
  color: #4a4a4a;
  font-weight: normal;
  /* font-stretch: wider;  */
}

**Nargaroth** · 12.09.2011 14:29

Erst mal viele Dank für eure Hilfe, Ihr bringt mich wirklich weiter in dem Punkt.

@anka, du hast natürlich Recht, ich war nur aktuell noch damit beschäftigt CSS Probleme zu eleminieren. Index.php würde bereinigt. Bzw. das auskommentieren meiner CSS in Punkto *font-stretch: ..... war abschicht. Wir waren alle der Meinung, das im IE die Abstände zwischen den Buchstaben zu kurz waren, daher hatte ich dieses Attribut für die Darstellung im IE einfach noch mal separat deklariert..

@mont-bit, ich kann mit #limit ein paar Attribute angeben die auch von den Browsern dargestellt werden z.B. Größe, Außenabstände uzw... Aber die effektive Position dieses Elementes kann ich nicht wirklich ändern, leider. Wenn ich jetzt zum Beispiel das Template mal wechsle, dann sehe ich auch eine korrekt formatierte Suchausgabe! Ich frage mich jedoch, wie kann es dazu kommen, das mit meinem Template die Ausgabe so umformatiert wurde ohne das ich dies mit Absicht getan hätte!

<-- Darstellung mit Beez

<-- aktuelle Ausgabe

Ich werd mir mal die CSS des Beez Templates anschauen, vielleicht werde ich ja daraus schlauer..

Thema: Suchergebnisse bzw. die Ausgabe..

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Suchergebnisse bzw. die Ausgabe..

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen