Textarea

[Butterblume]

hape,
das heißt, ich müsste das ganze ohne Tabelle machen? Oder versteh ich das jetzt falsch...

Man muss schon sorgfältig lesen was ich geschrieben habe. Dann hätte man gelesen das ich eine neue Tabelle erstellt habe. Entferne deine Tabelle und füge diese dafür ein:
[/code]


Sollte so eigentlich funktionieren. Eventuell erstellst du eine Testseite und probierst es aus. Ich habe der Tabelle eine ID verpasst:

Code: Alles auswählen

id="tabelle"

Sieht dann vollständig so aus:

Code: Alles auswählen

<table id="tabelle" border="0" align="center" cellPadding="5" cellSpacing="5" width="70%">

So wirkt sich diese Einstellung nur auf diese eine Tabelle aus und verändert keine anderen Tabellen auf anderen Seiten.

LG Hape

Hallo und guten Morgen lieber Hape,

beinahe hätte ich mich wieder ins Fettnäpchen gesetzt. Aber ich habe deinen Beitrag noch einmal genau gelesen!

https://www.weihnachtszauber.karins-pos ... _danke.php

Ich habe die Tabelle jetzt von der Breite her auf 70% verkleinert und den Rahmen entfernt. Aber auf dem Handy sofern es waagerecht gehalten wird ist der inhalt immer noch breiter alsdas Design!
Ich lasse es jetzt aber so!

Soll google doch meckern!

Ich sage vielen Dank und wünsche ein schönes Wochenende!

[Butterblume]

So, nun haben wir ein Problem, oder besser gesagt ich habe ein Problem!

Ihhabe nun die Codes für die Css und die Tabelle auch in meiner Poserbilder eingefügt!

In allen Websits siehts gut aus, nur bei der Poserbilder nicht...

https://www.karins-poserbilder.de/info/besuch_danke.php

Liegt das am Design wegen der 2 Navi Spalten??

Könnte da noch einmal jemand nachsehen! Büdde!

[HTML-Laie]

Man hat noch nicht einmal das erste Problem zufriedenstellend gelöst, schon baut man ein neues. Zu deinem jetzigen Problem:

In allen Websites siehts gut aus, nur bei der Poserbilder nicht...

Warum hier der Rahmen im wahrsten Sinne des Wortes gesprengt wird ist wohl ersichtlich. Die Textareas sind zu groß !!

LG Hape

[Butterblume]

Hallo Hape,

das ist mir wohl bewusst, dass hier die Textera zu brei sind.

Man hat noch nicht einmal das erste Problem zufriedenstellend gelöst, schon baut man ein neues.

Die Anderen seiten sind ja gut!

Wenn du damit das mit dem Kontaktformular meinst, das habe ich durch zufall mitbekommen. Freuen tut mich das jetzt nicht...

[Butterblume]

Ich nehme die Seite von der Poserbilder runter. Dann ist ein Problem beseitig!

[HTML-Laie]

Wenn du damit das mit dem Kontaktformular meinst, das habe ich durch zufall mitbekommen. Freuen tut mich das jetzt nicht...

Habe ich irgend etwas von Kontaktformular geschrieben??? Ich glaube nicht. Damit war dein erster Post gemeint.

Ich nehme die Seite von der Poserbilder runter. Dann ist ein Problem beseitig!

Beseitigt, ja aber nicht gelöst.

Wie schon bei der Tabelle kann man entweder eine id oder class vergeben und hier Formatierungen angeben. um die Textareas auf dieser Seite zu begrenzen.

Code: Alles auswählen

class="text1"

Dieses fügst du bei deinen Textarea's ein, also sollte dann so aussehen:

Code: Alles auswählen

<form name="a1a"><textarea class="text1" rows="6" cols="50" name="a1a">

Dann noch dieses in die style.css einfügen:

Code: Alles auswählen

.text1 {
width: 100%;
}

Bitte diesen Abschnitt in die Formatierungsanweisungen für die Tabelle einfügen. Wenn du es an anderer Stelle einfügst funktioniert es nicht. Sieht dann so aus:

Code: Alles auswählen

#tabelle
* {
        box-sizing:border-box;
}

table {
        width:70%;
}

table, td, tr, th {
        border:0px solid black;
        border-collapse: collapse;
        text-align: center;
}

td, tr, th {
        padding:1em;
}

th {
        background:#eee;
        font-weight: bold;
}
.text1 {
width: 100%;
}
@media screen and (max-width:700px) {

        table, tr, td {
                padding:0;
                border:1px solid black;
        }

        table {
                border:none;
        }

        thead {
                display:none;
        }

        tr {
                float: left;
                width: 100%;
                margin-bottom: 1em;
        }

        td {
                float: left;
                width: 100%;
                padding:1em;
        }

        td::before {
                content:attr(data-label);
                word-wrap: break-word;
                background: #660000;
                border-right:0px solid black;

                font-weight: bold;
                margin:-1em 1em -1em -1em;
        }
}

Sollte dann eigentlich funktionieren.

LG Hape

[Butterblume]

Hallo und guten Morgen hape,

erst einmal Danke für deine Hilfe, sollte jetzt so aussehen wie du meinst?! https://www.karins-poserbilder.de/info/besuch_danke.php

Des Weiteren musst du mich nicht gleich anpupen, ich weiß das Du nichts vom Kontaktformular gesagt hast, ich war der Meinung das du dies meintest, weil ich nach dem ersten Problem gleich noch eins gefunden hatte! Welches mir nicht bewusst war!

Ich will mich hier nicht zanken, wir sind nur noch so wenige die immer hier sind!

Natürlich bin ich froh jemanden wie dich hier im Forum zu haben, weil du dich damit auskennst, ich jedoch brauche nun mal immer ein bisschen länger um das ganze zu verstehen und umzusetzten. Frag mal Peter wie ich angefangen habe!
Ja, und vielleicht lese ich auch nicht immer in Ruhe durch, aber das liegt an anderen Dingen, was aber nicht meine Absicht ist!

Wollte ich nur mal gesagt haben!

Wünsche noch einen schönen Tag!

[HTML-Laie]

Des Weiteren musst du mich nicht gleich anpupen

Wenn ich jemanden so wie du sagst anpupe, würde es sehr viel anders klingen.

LG Hape

[Butterblume]

Das kommt aber machenmal so rüber...

Durch Schreiben entstehen viele Mißverständisse!