Blog

• lasse “cms_wrapper” -> unten Abstand von 20px anfügenBeispiel:
  <div class=”cms_wrapper”>
         INHALT
  </div>
• Klasse “cms_wrapper text-center” -> Text ZentrierenBeispiel:
  <div class=”cms_wrapper text-center”>
          INHALT (mittig zentriert)
  </div>
• Klasse “cms_wrapper text-blocksatz” -> Text als Blocksatz formatierenBeispiel:
  <div class=”cms_wrapper text-center”>
          INHALT (Blocksatz)
  </div>
• Klasse “cms_wrapper” -> ein Bild darin (img Tag) wird mit 100% Breite angegebenBeispiel:
  <div class=”cms_wrapper”>
          <img … />
  </div>
• Klasse “cms_wrapper” und Klasse “center” beim img Tag -> Bild wird mittig,d.h. mit 50% Breite ausgegeben

Beispiel:
<div class=”cms_wrapper”>
       <img class=”center” …… />
</div>

• Klasse “cms_wrapper” und Klasse “right” beim img Tag -> Bild wird rechts ausgegebenBeispiel:
  <div class=”cms_wrapper”>
         <img class=”right” …… />
  </div>
• Klasse “cms_wrapper” und Klasse “left” beim img Tag -> Bild wird links ausgegebenBeispiel:
  <div class=”cms_wrapper”>
         <img class=”left” …… />
  </div>
• Klasse “cms_wrapper drei_bilder” -> ein Bild (img Tag) wird mit jeweils 32% Breite und links ausgerichtet angezeigt, passend für 3 Bilder nebeneinanderBeispiel:
  <div class=”cms_wrapper drei_bilder”>
         <img …… />
         <img …… />
         <img …… />
  </div>
• Klasse “cms_wrapper zwei_bilder” -> ein Bild (img Tag) wird mit jeweils 48.5% Breite und links ausgerichtet angezeigt, passend für 2 Bilder nebeneinanderBeispiel:
  <div class=”cms_wrapper zwei_bilder”>
         <img …… />
         <img …… />
  </div>
• Klasse “cms_wrapper drei_texte” -> Ein untergeordnetes DIV wird mit 32% Breite angezeigt, passend für 3 Textblöcke nebeneinander (jeweils ein Div je Block)Beispiel:
  <div class=”cms_wrapper drei_texte”>
         <div> text1 (links) </div>
          <div> text2 (mitte) </div>
          <div> text3 (rechts) </div>
  </div>

• Klasse “cms_wrapper zwei_texte” -> Ein untergeordnetes DIV wird mit 48% Breite angezeigt, passend für 2 Textblöcke nebeneinander (jeweils ein Div je Block)Beispiel:
  <div class=”cms_wrapper zwei_texte”>
         <div> text1 (links) </div>
         <div> text2 (rechts) </div>
  </div>
• Div mit Klasse “cms_wrapper” -> Untergeordnete UL Elemente werden besser ausgegebenBeispiel:
  <div class=”cms_wrapper”>
         <ul>
                 <li> … </li>
         </ul>
  </div>
• Div mit Klasse “cms_wrapper” -> Untergeordnete OL Elemente werden besser ausgegebenBeispiel:
  <div class=”cms_wrapper”>
         <ol>
                <li> … </li>
         </ol>
  </div>
• Bild (img Tag) mit Klasse “not100” -> wird nicht auf 100% skaliert, sondern aus Originalgröße passend angezeigt.Beispiel:
  <img class=”not100″ …… />