Portfolio mit vielen Kategorien

15 posts from 2 voices

• Started 2 years ago by emitremmus
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   emitremmus
   Member

   Hallo,

   auf unserer Webseite ist es so, dass wir viele Kategorien im Portfolio haben (13 an der Zahl).
   Wenn diese nun alle aufgenommen werden, sieht das auf der Portfolio-Seite relativ blöd aus. Der Punkt "Sortier nach:" rutscht ganz nach unten und ein Teil der Buttons "Name" und "Datum" ist nicht mehr zu sehen.

   Es ist so, dass 7 Kategorien auf einer Zeile sind, die anderen 5 sind eine Zeile darunter. Allerdings ist da kein Zwischenraum zwischen Zeile 1 und 2, so dass die Kategorien in Zeile 2 sich mit denen in Zeile 1 berühren.

   Kann man das in der CSS Datei einstellen, dass 1 oder 2 Pixel dazwischen Platz ist? Und wie bekomme ich das mit dem Punkt "Sortiert nach" hin? Dieser soll sich gleich an die letzte Kategorie anschließen und nicht noch 1 Zeile darunter stehen.

   Ich hoffe ihr versteht, was ich meine...

   Posted 2 years ago #
2. 

   Dude
   Dude

   Hallo,
   ich würde die Kategorien auf mehrere Portfolioseiten verteilen, da CSS Modifikationen an den Sort Buttons viel Schaden anrichten können. Außerdem muss man die Änderungen den diversen Browsern anpassen (vor allem IE), sodass meiner Ansicht nach das Verteilen auf mehrere Seiten die einfachere und bessere Lösung darstellt.

   Posted 2 years ago #
3. 

   emitremmus
   Member

   Ja, gut das wäre eine Lösung.
   Aber die Situation ist so: Die Seite ist für einen Verein, der sich für Windhunde einsetzt. Unter dem Portfolio "Zuhause gefunden" sollen alle Hunderassen (eben 13 an der Zahl) aufgelistet werden. Nun soll es eben für den Besucher möglich sein, dass er Hunderasse X anklickt und nur die dort vermittelten Hunde sieht.

   Wenn ich das jetzt auf mehrere Portfolios verteile, müßte ich ja im Menü 2 Buttons machen. Also 2x Zuhause gefunden. Das ist doch irgendwie doof und nicht Sinn und Zweck der Sache.

   Bei "Zuhause gesucht" funktioniert dass, da es erstens nicht so viele Rassen sind und ich auch zweitens Rassen ausblenden könnte, wenn dort mal gerade kein Hund zur Vermittlung steht.

   Ich würde mich freuen, wenn Ihr mir doch noch eine andere Lösung oder Denkansatz sagen könntet.

   Grüße
   emitremmus

   Posted 2 years ago #
4. 

   emitremmus
   Member

   Ich pushe das noch mal, da es wirklich ein dringendes Anliegen ist.

   Wir möchten die Seite Freitag Relaunchen und ich bin nun etwas ratlos, wie ich das mit dem Portfolio löse

   Posted 2 years ago #
5. 

   Dude
   Dude

   Kannst du bitte einen Link zu eurem Portfolio posten. Ich sehe mal, was sich mit FireBug machen lässt.

   Posted 2 years ago #
6. 

   emitremmus
   Member

   Hallo,

   hier der Link: http://www.wind-hunde-in-not.de/unsere-hunde/gluck-gefunden/

   Posted 2 years ago #
7. 

   Dude
   Dude

   Ok folgende Änderungen sind sinnvoll - in style.css suche bitte:
   

   .sort_by_val{
   padding-left:20px;
   }

   und ersetze es durch:

   .sort_by_val{
   padding-left:0px;
   margin-top-top:10px;
   }

   dann ersetze:
   

   #js_sort_items a{
   display: block;
   float: left;
   padding:0px 14px;
   margin-right:10px;
   outline: none;
   }

   mit
   

   #js_sort_items a{
   display: block;
   float: left;
   padding:0px 14px;
   margin-right:10px;
   outline: none;
   margin-top: 5px;
   }

   und zuletzt in style1.css ersetze:
   

   #wrapper_featured_area, #wrapper_footer_top{
   background: transparent url("../images/skin1/bg_grain.png") repeat-x bottom center;
   }

   mit
   

   #wrapper_featured_area, #wrapper_footer_top{
   background: transparent url("../images/skin1/bg_grain.png") repeat-x bottom center;
   height:90px;
   }

   Posted 2 years ago #
8. 

   emitremmus
   Member

   Ok, ich hab das soweit geändert. Allerdings gefällt mir die Lösung mit der höheren Featured Area nicht. Das sieht nämlich dann auf den anderen Seiten irgendwie so verloren aus.

   Ich hab jetzt die Kategorien noch mal etwas gekürzt. Ist es denn nicht möglich, dass ich das "Sortiert nach" direkt hinter die letzte Kategorie bekomme? Da ist ja noch Platz und somit müßte das nicht unbedingt auf eine neue Zeile wandern.

   Posted 2 years ago #
9. 

   Dude
   Dude

   Man könnte folgendes in style.css ändern
   

   .sort_by_val{
   padding-left:20px;
   }

   zu
   

   .sort_by_val {
   float:right !important;
   margin-top:-28px;
   }

   Posted 2 years ago #
10. 

    emitremmus
    Member

    Erstmal vielen Dank für deine Hilfe und deine Bemühungen.

    Hab das geändert, aber leider scheint er das nicht zu übernehmen. Es sieht zumindest immer noch wie vorher aus.

    Posted 2 years ago #
11. 

    Dude
    Dude

    Ich habe bei dem Code oben den Punkt vergessen (CSS Klassendefinition - statt .sort_by_val habe ich nur sort_by_val geschrieben ) - bitte probiere es noch einmal, ich habe ihn jetzt korregiert.

    Posted 2 years ago #
12. 

    emitremmus
    Member

    Jep stimmt, das hätte ich aber auch sehen können. :)

    Also für das Portfolio "Glück gefunden" sieht das nun ganz passabel aus. Danke!
    Allerdings rutscht die Zeile "Sortiert nach" bei wenigen Kategorien nach oben. Sowie nun bei "Glück gesucht".

    Also irgendwie bringt im Moment eine Verbesserung auf der einen Seite, eine Verschlechterung auf der anderen nach sich.

    Posted 2 years ago #
13. 

    Dude
    Dude

    Letzte einfache Lösung die ich anbieten kann wäre eine Unterscheidung nach der page-id Klasse. Nach dem body Tag steht jedesmal die Seiten ID, z.B. bei glück gefunden: "page-id-492".

    Du könntest probieren, mittels dieser Unterscheidung das "Sortiert nach" einzeln zu positionieren, daher:
    

    .page-id-492 .sort_by_val {
    float:right !important;
    margin-top:-28px;
    }
    
    .page-id-495 .sort_by_val {
    float:right !important;
    margin-top:-28px;
    }
    
    .sort_by_val {
    float:right !important;
    }

    Posted 2 years ago #
14. 

    emitremmus
    Member

    So gefällt mir das. Vielen Dank!!!!

    Posted 2 years ago #
15. 

    Dude
    Dude

    Schön das ich helfen konnte.

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.