Catalog Template

Einklappen
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • max-muster
    Contao-Fan
    • 29.07.2011
    • 411

    #1

    Catalog Template

    Wie kann ich am besten catalogliste so einstellen dass ich items nicht utereinander sonder nebeneinander angezeigt bekomme? Jede item soll Rahmen haben

    Danke!
  • MacKP
    Contao-Yoda
    • 15.06.2009
    • 13315

    #2
    Hallo max-muster,
    divs drum herum und dann per CSS...
    Ich weiß nicht was du wissen willst?

    Viele Grüße
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

    Kommentar

    • max-muster
      Contao-Fan
      • 29.07.2011
      • 411

      #3
      Mit css habe ich es nicht geschafft, ein hintergrund wird für alle items angezeigt.
      Nebeneinander mit css auch erfolgslos. Ich benutze simple.tpl. Wie soll ich template am einfachsten ändern bzw. Was soll ich ändern?

      Kommentar

      • MacKP
        Contao-Yoda
        • 15.06.2009
        • 13315

        #4
        Hallo max-muster,
        an sich zum Template bearbeiten: http://de.contaowiki.org/Catalog_Templates_anpassen

        Ansonsten muss ich dir sagen, das eigentlich nicht unbedingt Änderungen am Template nötig sind. Divs hast du durch das Template schon. Reicht erst mal für den einfache Anforderungen.

        Tja... CSS eben... floaten für die items um background ...

        Viele Grüße
        Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
        [Arbeitet bei -> Paus Design & Medien]
        "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

        Kommentar

        • max-muster
          Contao-Fan
          • 29.07.2011
          • 411

          #5
          Innerhalb von item kann ich template ändern und funktioniert alles gut, aber items selbst sind immer untereinander, könntest du vielleicht sagen was genau, es soll ganz einfach sein aber ich mache irgendwas nicht richtig

          Kommentar

          • MacKP
            Contao-Yoda
            • 15.06.2009
            • 13315

            #6
            ja, items sind schon in nem eigenen div. Das muss dann floaten...

            Viele Grüße
            Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
            [Arbeitet bei -> Paus Design & Medien]
            "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

            Kommentar

            • Messa
              Alter Contao-Hase
              • 19.01.2011
              • 1423

              #7
              Hallo so kannst du Felder floaten lassen

              Code:
              .layout_simple .field
              {
              	width: 60px; (Hier Größe deiner Wahl wählen :) )
              	float:left;
              }
              Liebe Grüße
              Matthias
              Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
              http://www.matthiasgmeiner.com

              Kommentar

              • max-muster
                Contao-Fan
                • 29.07.2011
                • 411

                #8
                Hallo zusammen,
                danke für die antwort.

                also mit field floaten sind alle felder nebeneinander. schon besser danke.
                aber wie kann ich items floaten? habe unterschiedliche varianten ausprobiert aber alles daneben

                Kommentar

                • Messa
                  Alter Contao-Hase
                  • 19.01.2011
                  • 1423

                  #9
                  was füt items?

                  lg Matthias
                  Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
                  http://www.matthiasgmeiner.com

                  Kommentar

                  • max-muster
                    Contao-Fan
                    • 29.07.2011
                    • 411

                    #10
                    catalog item. bei mir: name, image, kurzbeschreibung.
                    hier ein beispiel als anhang
                    Angehängte Dateien

                    Kommentar

                    • Messa
                      Alter Contao-Hase
                      • 19.01.2011
                      • 1423

                      #11
                      Leider erkennt man auf dem Bild nichts
                      Und da du keinen Link poeste muss ich raten

                      Du kannst jedes feld auch einzel ansprechen
                      einfach beim ersten in der liste.

                      Code:
                      .erste {
                           float:left:
                           width: (Beite dividiert durch die anzahl der Felder) px;
                      }
                      HTML

                      Code:
                      <div class="field erste">
                      	<div class="label">Kilometer</div>
                      	<div class="value">81.206</div>
                      
                      </div>
                      oder meinst du .value ?

                      PS: nicht vergessen nach dem letzten

                      Code:
                      clear:both;
                      Damit das float wieder gestoppt wird

                      Liebe Grüße
                      Matthias
                      Zuletzt geändert von Messa; 04.08.2011, 19:27.
                      Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
                      http://www.matthiasgmeiner.com

                      Kommentar

                      • max-muster
                        Contao-Fan
                        • 29.07.2011
                        • 411

                        #12
                        habe gemacht und sieht so aus

                        Code:
                        .coupon_kurz
                        {
                        	width:160px;
                        	float:left;
                        }
                        
                        .bild
                        {
                        	width:160px;
                        	float:left;
                        }
                        
                        .beschreibung_kurz
                        {
                        	width:160px;
                        	float:left;
                        	clear:both;
                        }
                        Angehängte Dateien

                        Kommentar

                        • Messa
                          Alter Contao-Hase
                          • 19.01.2011
                          • 1423

                          #13
                          Darfst du oder kannst du keinen Link posten?
                          Dann könnte ich es mir mal genauer anschauen.
                          Und du willst Bild, Item 1 und kurzbeschreibung 1 zussammen haben?

                          lg Matthias
                          Full Service Agentur - Grafikdesign, Screendesign, Webdesign, Webentwicklung, SEO, Weiterbildung, persönliches Coaching
                          http://www.matthiasgmeiner.com

                          Kommentar

                          • MacKP
                            Contao-Yoda
                            • 15.06.2009
                            • 13315

                            #14
                            Ein Item von einem Catalog ist von einem Div umgeben und das hat die Klasse item oder items. Das dann floaten lassen... wenn die alle eine Definierte höhe haben, dann hast du auch damit keine Probleme mehr, wenn du die festlegst.

                            Viele Grüße
                            Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
                            [Arbeitet bei -> Paus Design & Medien]
                            "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

                            Kommentar

                            • max-muster
                              Contao-Fan
                              • 29.07.2011
                              • 411

                              #15
                              cataloglist .item floaten.
                              dann geht es so wie ich will!

                              danke euch!

                              Kommentar

                              Lädt...