Hallo zusammen!
Ich bin gerade dabei ein Theme auf meine Bedürfnisse anzupassen und bin nun auf ein Problem gestoßen, welches mich schon seit Stunden beschäftigt. Ich hoffe jemand von euch kann mir dabei helfen!
Das angefügte Bild "formular.png" zeigt mein aktuelles Formular um einen Kommentar zu hinterlassen.
Ziel sollte "formular2.png" (habs mal mit Photoshop so ungefähr zusammengebastelt) sein! Und zwar sollten sich die Labels IN den Input-Feldern befinden und sobald jemand mit der Maus hineinklickt verschwinden. Ich hoffe Ihr versteht was ich meine...
Hier die CSS-Anweisungen zu den Formularelementen aus dem Stylesheet:
Code
/* @group Form elements */
form {
margin: 20px 10px; padding: 5px 10px 20px 10px;
border: 1px solid #111;
background: #070707;
}
label {
display: block;
font-weight: bold;
margin: 8px 0;
color: #fff;
}
input, select, textarea {
padding: 5px 4px;
font: normal 1em Verdana, Tahoma, sans-serif;
color: #6A6969;
background: #0C0C0C;
border: 1px solid #1C1C1C;
}
textarea {
width: 350px;
height: 100px;
display: block;
}
input.button {
font: bold 12px Arial, Sans-serif;
height: 30px;
margin: 0;
padding: 2px 3px;
color: #48780E;
background: #000;
border-width: 1px;
border-style: solid;
border-color: #1c1c1c;
}
/* @end */
Alles anzeigen
Ich bedanke mich schon im Voraus, sollte mir jemand dabei helfen können.
Wünsche noch einen schönen Abend,
Philipp