+ Antworten
Ergebnis 1 bis 10 von 10

Thema: Abgerundete Tabellen

  1. #1
    War schon öfter hier
    Registriert seit
    11.06.2010
    Ort
    Kamp-Lintfort
    Beiträge
    128
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Abgerundete Tabellen

    Hallo,

    gibt es eine Möglichkeit, wenn ich mit JCE eine Tabelle erstelle, das die Tabelle abgerundete Ecken hat ?
    Das normale Tabellendesign ist nicht so schön.

    Hier ist das Beispiel wie es ohne runde Ecken aussieht:
    http://test.ddc-lg-rheinland.de/inde...zucht/zuechter

    1.jpg

    Im Editor wird es mit border-radius: 20px; im Style so angezeigt,
    in der Preview aber dann so:
    2.jpg
    Geändert von holle1970 (04.05.2019 um 14:43 Uhr)

  2. #2
    Gehört zum Inventar Avatar von christine2
    Registriert seit
    08.10.2010
    Beiträge
    5.365
    Bedankte sich
    437
    Erhielt 1.924 Danksagungen
    in 1.825 Beiträgen

    Standard

    Hallo,

    die im Edit hinzugefügten screenshots habe ich erst jetzt gesehen. Schreib mal her, was ich schon vorbereitet hatte.

    Zunächst mal: Mache ich keine Tabellen mit dem Editor. Außerdem kommt grad nicht optimal hinzu, dass Deine Tabelle nicht responsive ist.

    a) falls unbedingt Tabelle sein soll, dann eher so: https://wiki.selfhtml.org/wiki/HTML/Tabellen/colgroup

    b) Außerdem: Template Artisteer/Themler. Da komm ich nicht ganz dahinter, wie aufgebaut. Bedeutet:

    -dass ich nicht weiß, ob das Template z.B. das hier unterstützt: https://forum.joomla.de/thread/1128-...=7461#post7461
    (das mit der Zeile Bild, halt wegdenken).

    - ob das hier ev. möglich: https://www.w3schools.com/css/css_grid.asp

    - Hab's mal so probiert (ohne Tabelle) - siehe screenshot unten.

    im Beitrag (HTML):

    Code:
    <div class="2boxen">
    <div class="box1">
      <h2>Jasmin ...</h2>
      Haubachweg 17<br />
    40625 Düsseldorf<br />
    Telefon: xxxx<br>
    Fax: xxxx<br>
    E-Mail:  xxxx<br>
      <h2>Zuchtwart</h2></div>
    
    <div class="box2">
      <h2>Michael ...</h2>
      Steinstrasse 48<br />
    41363 Jüchen<br />
    Telefon: xxxx<br />
    Fax: xxxxx<br />
    E-Mail:  xxxx<br />
      <h2>Zuchtwart</h2></div></div>
    CSS (kann man machen wie man möchte):
    Code:
    .box1 {
    float:left;
    background-color:blue;
    color:#fff;
    padding:10px; 
    border:5px solid yellow;
    border-radius:10px;  
    font-size:1.3em;
    line-height:1.3em;  
    width:30%;  
    }
    
    .box2 {
    float:left;
    background-color:green;
    color:#fff;
    padding:10px; 
    border:5px solid yellow;
    border-radius:10px;  
    font-size:1.3em;
    line-height:1.3em;  
    width:30%;  
    }
    Code:
    .box1, .box2 {
    idente Formatierungen in einem 
    }
    dann noch:
    Code:
    div.2boxen {
    width:100%;  
    }
    kriegs aber dennoch (noch) nicht responsiv. Kann da nicht viel mehr probieren, da ja nach Cache clearen, alles wieder weg.

    c) Schlicht & einfach: Nimm ein anderes (responsives) Template. Und diese derzeitige Tabelle machste als div container.
    Formatierungen: alles über CSS.

    Jetzt bin ich vom Forum rausgeflogen. Keine Ahnung was & wie das weggeht.

    Liebe Grüße
    Christine
    Angehängte Grafiken

  3. #3
    Gehört zum Inventar Avatar von christine2
    Registriert seit
    08.10.2010
    Beiträge
    5.365
    Bedankte sich
    437
    Erhielt 1.924 Danksagungen
    in 1.825 Beiträgen

    Standard

    Na geh, gerade jetzt das crossposting gesehen. Weil ich hier war und gemurkst habe ....

    https://forum.joomla.de/thread/7801-...3770#post53770

  4. #4
    War schon öfter hier
    Registriert seit
    11.06.2010
    Ort
    Kamp-Lintfort
    Beiträge
    128
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Vielen Dank, ich habe leider das Problem, dass ich das Template von unserem Hauptclub (Typo) nachbauen muß.
    Da ich ein Anfänger in Sachen Templates bin, habe ich leider keine andere Möglichkeit als das Template zu verwenden.

    Kann ich das CSS im Beitrag einbauen ?

  5. #5
    Gehört zum Inventar Avatar von christine2
    Registriert seit
    08.10.2010
    Beiträge
    5.365
    Bedankte sich
    437
    Erhielt 1.924 Danksagungen
    in 1.825 Beiträgen

    Standard

    Zitat Zitat von holle1970 Beitrag anzeigen
    Kann ich das CSS im Beitrag einbauen ?
    Nein, alleine nicht. Die CSS ist in Verbindung mit HTML. Der bunte Mix ist keine Tabelle.

    Drüben im Forum (hab es leider erst nach meinem Post gesehen), hat Dir Kollege Re:Later ja dazu was geschrieben.
    Aufgrund des letzten Links dort, habe ich das hier versucht:

    CSS:

    Code:
    tr, td {
       border-collapse: separate;
       border-style: hidden; /* hide standard table (collapsed) border */
       box-shadow: 0 0 0 1px #ccc; /* this draws the table border  */  
       border-radius: 10px;
    }
    ist noch nicht perfekt. Aber zu mehr (besser) bring ich das heute nicht mehr zusammen. Nächstes Mal bitte auf crossposting hinweisen. Danke.

    Liebe Grüße
    Christine

  6. #6
    War schon öfter hier
    Registriert seit
    11.06.2010
    Ort
    Kamp-Lintfort
    Beiträge
    128
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Super, mit dem Container klappt es gut.
    Ich habe nur noch folgendes Problem, gebe ich eine Mailadresse in den Container ein zeit er mir folgendes an:

    Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!

    Woran kann das liegen ?

  7. #7
    Gehört zum Inventar Avatar von christine2
    Registriert seit
    08.10.2010
    Beiträge
    5.365
    Bedankte sich
    437
    Erhielt 1.924 Danksagungen
    in 1.825 Beiträgen

    Standard

    Zitat Zitat von holle1970 Beitrag anzeigen
    Woran kann das liegen ?
    wie es da steht:

    Zur Anzeige muss JavaScript eingeschaltet sein!

  8. #8
    War schon öfter hier
    Registriert seit
    11.06.2010
    Ort
    Kamp-Lintfort
    Beiträge
    128
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Ja, aber im Browser ist Java Script aktiviert...
    Uns ausserhalb vom Container funktioniert es

  9. #9
    War schon öfter hier
    Registriert seit
    11.06.2010
    Ort
    Kamp-Lintfort
    Beiträge
    128
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Ja, aber im Browser ist Java Script aktiviert...
    Uns ausserhalb vom Container funktioniert es

  10. #10
    Gute Seele des Boards Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    61
    Beiträge
    19.597
    Bedankte sich
    756
    Erhielt 4.001 Danksagungen
    in 3.759 Beiträgen

    Standard

    holle1970, nun siehst du, dass Crossposts Mist sind! In beiden Foren hast du Lösungsansätze und diverse Supporter gebunden, die jeweils nichts vom anderen Forum wussten.
    Ich habe jetzt das hier übertrflogen, werde aber nicht auch noch das im anderen Forum lesen und deshalb dir nicht helfen. Und so werden es andere auch machen. Bzw. nicht machen.

    In Zukunft nur ein Forum! Und wenn du nicht abwarten kannst, dann ist das allermindeste(!), dass du in beiden Foren einen Link zum jeweils anderen Thread abdruckst!


    Axel
    Joomla- und Office-Tutorials: time4joomla
    Deutschsprachige SEBLOD-Community
    CCK SEBLOD-Das Handbuch als kostenloses Onlinebook

+ Antworten

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein