Inhalt einer Seite zentrieren

  • Hi,

    auf http://www.perforations.de/ enthält die landing page 3 Bilder + Text mit Links auf weitere Seiten. Um die 3 Bilder nebeneinander zu plazieren, habe ich CSS verwendet, allerdings würde ich jetzt gern auch noch den kompletten Inhalt (also die 3 Bilder mit zugehörigem Text) auf der Seite zentrieren, und habe keine Idee wie ich das machen könnte... kann mir jemand einen Hinweis geben?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Trag mal das hier in deine style.css ein.
    Mit der Breite in Pixeln muss du evtl. spielen.

    Code
    /* Zentrierung der Bilder
    -------------------------------------------------------------- */
    div.bilder{
      margin: 0 auto;
      width: 500px;
      float: none;
    }

    Auf der Seite mit deinen 3 Bildern und dem Text trägst du im Textmodus folgendes ein.

    Code
    <div class="bilder">
    Deine 3 Bilder
    Dein Text
    </div>

    Müsste theoretisch so funktionieren.

    Gruß Frank

  • hm, nö, tut nicht... ich hab das jetzt ganz aussen um den bestehenden code gepackt, ein einzelnes Bild sieht aktuell so aus:

    Code
    <div style="float: left; margin-right: 5px">
    
    
    [caption id="attachment_9579" align="aligncenter" width="200"]<a href="http://www.perforations.de/?page_id=74"><img class=" wp-image-9579" title="Lars1_quad" src="http://www.perforations.de/wp-content/uploads/2016/06/gallery_bg.jpg" width="200" height="200" /></a> black&amp;grey[/caption]
    
    
    
    
    </div>
    <div style="float: left; margin-right: 5px;">
  • Du hast aber schon gelesen dass du den ersten Code in die Style.css einfügen musst?
    Füge mal nur deine Bilder ohne deine obigen eigenen div's und captions auf eine Testseite ein.

    Bei mir funktioniert es...

    und hier der Link zur Testseite.

    Gruß Frank

  • Nein ist nicht normal dass die leer ist. Evtl. benutzt du ein Theme was eine eigene style.css hat.
    Du musst über Design -> Editor gehen, und dann oben rechts "Zu bearbeitendes Theme wählen" dein benutztes Theme auswählen.
    Dann solltest du das richtige Style.css finden.

    Gruß Frank

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!