Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Textteile in Tabellenzelle oben und unten ausrichten

  1. #1
    HTML Newbie
    Registriert seit
    07.07.2015
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Textteile in Tabellenzelle oben und unten ausrichten

    Um es einfach zu halten: Ich habe eine Tabelle mit zwei Zellen und Rahmen. Der Inhalt, der aus einer Datenbank per php eingelesen wird, besteht aus einem unterschiedlich langen Text und einer - nennen wir es Fußzeile. Denn diese soll immer ganz unten in der Zelle, also direkt über den Rahmen stehen, während der Text nach oben ausgerichtet ist.
    Wenn ich also einen langen und einen kurzen Text habe, ergibt es sich bei dem langen Text automatisch, aber wie kriege ich die Fußzeile des kurzen Textes ganz nach unten? Also gewissermaßen so ein vertical-align:top und bottom in eine Zelle .... Da die Texte variable Längen haben, kann ich also nicht die Text und Fußzeile nicht mit margin auseinanderziehen.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Hallo,

    du mißbrauchst eine Tabelle für's Layout. Das ist sachlich falsch und sollte deshalb vermieden werden.

    Korrekt benutzt du je nach Inhalt die korrekten Container wie main, article, section u.s.w. und gestaltest die per CSS, zum Beispiel mit Flexbox.

    Um dir konkret helfen zu können wäre etwas Beispiel-Inhalt von dir sinnvoll.

    Gruss

    MrMurphy

  3. #3
    Youngster
    Registriert seit
    15.07.2015
    Beiträge
    11
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Hallo,
    ich habe ein ähnliches Problem und möchte den Inhalt einer Tabellenzelle (oder besser gesagt den letzten Teil des Inhalts) am unteren Rand der Zelle ausrichten.

    Das hab ich in der Zelle stehen:

    <img src="http://... />

    <p <span class="box-title"> ...<br /> ... </span></p>

    [asa test]B0091EJWWS[/asa]

    <p <span class="box-buttons"> <a class="intern_button" href="http://.../">...</a> <a class="amazon_button" href="..." target="_blank" >Shop</a></span></p>



    Und das in der css:

    .tablepress .column-1,
    .tablepress .column-2,
    .tablepress .column-3,
    .tablepress .column-4 {
    width: 174px;
    height: 280px;
    }

    .tablepress td,
    .tablepress th {
    padding: 0 0;
    }

    .tablepress img {
    margin: 20px 0 10px;
    box-shadow: none;
    }

    /* Zentrieren von Text */
    .tablepress .column-1,
    .tablepress .column-2,
    .tablepress .column-3,
    .tablepress .column-4 {
    text-align: center;
    }

    .tablepress {
    border-collapse: separate;
    border-spacing: 20px;
    background-color: none;
    }

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #FFFFFF;
    }

    /* Sichtbarer Rahmen um Tabellen herum */
    .tablepress tbody td,
    .tablepress thead th,
    .tablepress tfoot th {
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    }

    .tablepress tbody tr:first-child td {
    border: 1px solid #EDEDED;
    }

    .box-title {
    color: #532D20;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto 10px !important;
    }

    .asa_product_box {
    margin: 0 auto 15px;
    }

    .box-buttons {
    text-align: center;
    vertical-align: bottom;
    margin: 0 auto;
    line-height: 0;
    }

    .entry-content p {
    margin: 0 0;
    }


    Das unterste Element sind zwei nebeneinanderliegende Buttons. Diese möchte ich gerne am unteren Zellenrand ausrichten. Sodass sie immer dort kleben bleiben. Kann man das über den css-code lösen?

    Vielen Dank für eure Hilfe!
    Geändert von Mr.Mo (15.07.2015 um 01:02 Uhr)

  4. #4
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Hallo,

    ja, dass kann über CSS gelöst werden. Ich komme aber mit deinen Quelltextschnipseln nicht zurecht. Stell' mal bitte eine Beispielseite online und poste den Link. Als Freewareprovider kannst du z. B. bplaced.net nehmen.

    Gruss

    MrMurphy

  5. #5
    Youngster
    Registriert seit
    15.07.2015
    Beiträge
    11
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Hallo Mr. Murphy,

    vielen Dank für deine Antwort. Die Webseite ist bereits online. Schau mal hier.

    Danke!

    PS. Ich will das deswegen machen weil, wenn der Preis über den asa-code nicht zieht rutschen die Buttons nach oben. Alternativ würde ich gerne wenn der Preis nicht eingeblendet werden kann, stattdessen etwas anderes anzeigen lassen. Z.B. -- oder XX oder ...
    Geändert von Mr.Mo (15.07.2015 um 01:23 Uhr)

  6. #6
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    .column-1 , .column-2 , .column-3 {
    position:relative;
    }

    .box-buttons {
    position:absolute;
    bottom:0;
    }

  7. #7
    Youngster
    Registriert seit
    15.07.2015
    Beiträge
    11
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Hallo djheke,

    vielen Dank, es hat geklappt. Super!

    Hast Du vielleicht auch noch nen Tipp wie ich die Sache mit dem Preis hinbekomme?

    Gruß

    Mo

  8. #8
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Keine Ahnung was mit dem Preis ist, aber ich habe es mal etwas aufgeräumt. Alles weitere kannst du dem Quelltext entnehemen.
    http://www.gipspferd.de/forumhilfe/tabelle-shop/

  9. Folgende User finden die Antwort von djheke gut:


  10. #9
    Youngster
    Registriert seit
    15.07.2015
    Beiträge
    11
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Hallo,
    das ist sehr nett von Dir, dass du dir so viel Mühe gibst. Jetzt bin ich aber etwas überfordert.

  11. #10
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Textteile in Tabellenzelle oben und unten ausrichten

    Inwiefern? Kannst du die Tabelle umstellen oder wird sie vom Drittanbieter generiert?

Ähnliche Themen

  1. Gästebucheinträge oben anfügen nicht unten?
    Von Dominik88 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 22
    Letzter Beitrag: 17.12.2006, 20:18
  2. von unten nach oben schreiben
    Von Lollana im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 14.06.2006, 08:36
  3. laufschrift von unten nach oben
    Von Washington im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 16.03.2006, 15:44
  4. Bilderlaufleiste von oben nach unten
    Von Delikanli im Forum Flash Forum
    Antworten: 2
    Letzter Beitrag: 05.10.2005, 13:24
  5. Bild oben ausrichten
    Von Ochsenfrosch im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 18.06.2005, 14:33

Stichworte

Berechtigungen

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