Erstellung "Tabelle"

Afro189 · Bildschirmfoto 2017-01-17 um 22.40.14.webp

Guten Tag,

hoffentlich habe ich meine Frage hier richtig platziert.
Kann mir irgendjemand helfen, wie ich diese "Tabelle" oder was es auch ist erstellen kann? Irgendwie stehe ich auf dem Schlauch...
Es muss nachher irgendwie aussehen wie auf dem Bild. Ich hoffe Ihr könnt mir helfen und schon mal vielen Dank im vorraus!

Liebe Grüße

Werbepost

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

helix

Ach herrje …

Hast du das selber nur als Pixeldatei, so wie du es uns freundlicherweise zeigst? Oder ist es Text auf einer Webseite? Dann nimm doch deine Webentwickler-Tools und lies aus, wie es gemacht ist.

=> Webentwickler-Tool ist hier dein Suchstichwort.
Wenn dir das zu hoch gegriffen scheint, such nach Stichworten wie Textgestaltung, CSS. Es gibt inzwischen sehr viele sehr gute Seiten zu CSS, hier ist eigentlich nicht so sehr der Ort, CSS von Adam und Eva her zu erklären.

Gruß
helix

rantanplan2000

Meinst du so?

HTML

<!DOCTYPE html>
<html lang="de">


<head>
   
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>WP-Forum Demo</title>


      
<style type="text/css">
  


  .container { 
    max-width : 700px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px;
  }
 
  .demo-box {
    width: 100%;
    border: 1px solid #263963; 
  }
  .demo-box h2 {
    background: #263963; 
    padding: 10px 25px;
    margin: 0;
    color: #fff;
  }
  .demo-box p {
    padding: 10px 25px;
    margin: 0;
    color: #263963; 
  }
   
</style>




</head> 


<body>


<div class="container">


<div class="demo-box">
  <h2>2 Jahre Garantie</h2>
  
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex et delectus fugit alias provident quo autem, veniam quaerat, architecto minima nihil eligendi quisquam reiciendis qui repellat non tenetur! Ex, modi.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti quasi, quisquam iste, cum soluta, ex molestiae delectus quidem nemo vero laudantium incidunt saepe modi esse accusamus, illum quam. Quia, beatae!</p>
  
</div>  
  
  
  
 </div>
    
</body>
</html>

Alles anzeigen

Afro189

vielen Dank Euch zuerst einmal! Hat mir beides sehr weitergeholfen echt super nett.
@helix : sorry, schicke beim nächsten Mal den Link mit. Vielen Dank für deine Hinweise, ist dann auch closed nach dem Comment von rantanplan2000.

@rantanplan2000:
könntest du mir bitte noch sagen, wie ich nen kleinen Rand noch um das untere Textfeld bekomme?
Dann wäre ich auch schon durch..

Liebe Grüße

rantanplan2000

Mach am besten eine Skizze und zeig wo und wie genau du den willst. :-)

rantanplan2000

Oder so? https://jsfiddle.net/rantanplan2000/gmwyL8kd/

Afro189

Jetzt warst du schneller als ich :D

jaa genauso meinte ich das, vielen Dank rantanplan2000! :-)
Einen schönen Tag noch :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Erstellung "Tabelle"

Jetzt mitmachen!