Beiträge von Mr.Mo

  • Seiteninhalt ragt über den Content-Bereich hinaus

    Hallo Mr.Murphy,

    vielen Dank für deine Ausführungen. Ich habe es jetzt folgendermaßen gemacht:

    Ich habe den Post in einen Div gesetzt und die Klasse clearfix zugewiesen.

    In der css steht folgendes:

    .clearfix::before,
    .clearfix::after {
    content: " ";
    display: table;
    }
    .clearfix::after {
    clear: both;
    }
    .clearfix {
    *zoom: 1;
    }

    Funktioniert wunderbar siehe hier. Danke dafür.

    Jetzt habe ich das gleiche für einen anderen Post gemacht der auch gefloatete Boxen enthält. Hier habe ich das Problem, dass die Boxen in der ersten Reihe versetzt erscheinen. Keine Ahnung woran es liegt.

    Wäre für einen Tipp dankbar.

    Gruß

    Mo

  • Seiteninhalt ragt über den Content-Bereich hinaus

    Achso, Ok.
    Ich hab den Code eingefügt und es funktioniert. Ganz schön komplex. Ich habe nun mehrere solcher Beiträge, nämlich von diesen 6 Produkten die Unterseiten und wahrscheinlich kommen auch noch mehr dazu. Soll ich dann für jeden Post den Code in die css einfügen, (die wird aber ganz schön lang) oder gibt es eine elegantere Lösung?

  • Seiteninhalt ragt über den Content-Bereich hinaus

    Hört sich gut an. Das clear könnte ich doch in meinem css schnipsel eintragen nicht ? Wie müsste der Befehl lauten ?
    Das hab ich bisher da drin stehen:

    .box_2 {

    width: 180px;
    height: 220px;
    position: relative;
    float: left;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0px 20px 20px 0px;
    background-color: none;
    overflow: hidden;
    }

  • Seiteninhalt ragt über den Content-Bereich hinaus

    Hallo,
    auf meiner Wordpress-Seite habe ich das Problem, dass mein Seiteninhalt über den eigentlichen Contentbereich hinausragt. Leider konnte ich bisher keine Lösung finden. Ich weiß nicht mehr weiter und bitte um eure Hilfe.
    Wenn ich einen Beitrag schreibe habe ich darunter eine doppelte horizontale Linie. Jetzt ist es bei einigen Seiten vorgekommen, dass ich nicht einfach Text und Bilder in den visuellen Editor eingegeben habe, sondern Html-Code in den Texteditor eingegeben habe. Nun passiert folgendes: Die doppelte horizontale Linie bleibt oben und der ganze Inhalt ragt darüber hinaus. Es wäre nett wenn ihr euch das mal anschauen könntet.

    Hier der Link.

    Danke!

  • Textteile in Tabellenzelle oben und unten ausrichten

    Ich habe für die Tabelle ein Plugin genutzt. Die Tabelle wird erstellt und dann mittels shortcode in die Seite eingefügt. Es besteht jedoch die Möglichkeit zusätzlichen css-code einzugeben, dass ist ja der den ich oben gepostet hab und wo ich deinen Tipp noch mit eingefügt habe. Sollte ich es besser nochmal neu machen und dann ohne das Plugin direkt in die Seite rein? Wäre das Design dann auch responsive?

    Gruß

    Mo

  • 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 ...

  • 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!