Little stuck on CSS prob.

no?

I would do it an other way.

<label for="realname">Ihr Name:</label><input type="text" name="realname" id="realname" />
<label for="email">Ihre E-Mail:</label><input type="text" name="email" id="email" />
<label for="subject2">Betreff:</label><input type="text" name="subject2" id="subject2" />
<label for="Nachricht">Ihre Nachricht:</label><textarea name="Nachricht" id="Nachricht" cols="5" rows="5"></textarea>
<p class="right"><input type="submit" value="Nachricht senden" id="kontaktsubmit" />

this is my css code:

label {
width: 110px;
display: block;
float: left;
font-size: 0.95em;
color: #999;
}
input {
width: 275px;
border-top: 1px solid #a5a5a5;
border-left: 1px solid #a5a5a5;
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
}
textarea {
width: 425px;
height: 250px;
border-top: 1px solid #a5a5a5;
border-left: 1px solid #a5a5a5;
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
}

HOw it will look, you on https://grassegger.at/wp1.34/kontakt/
that should help you fix the problem.
$0.2em;

Thanks. I will have to give that a try. The only thing I’m a little concerned about is that my subscription form (also on that page) uses “label” in the CSS. Have to figure out how to differentiate the two.

The only thing I’m a little concerned about is that my subscription form (also on that page) uses “label” in the CSS. Have to figure out how to differentiate the two.

Wrap the content form in a div and give it an ID or CLASS. Then apply the rules renegrass suggested using inheritance:
#contactform label {
width: 110px;
display: block;
float: left;
font-size: 0.95em;
color: #999;
}
or
div.contactform label {
width: 110px;
display: block;
float: left;
font-size: 0.95em;
color: #999;
}
This way, your subscription form won’t be altered.

That’s what I figured, just wasn’t quite sure of the syntax.

Ok, took some sorting, but got it to work.
But what’s up with that send form? It should look like the “ok!” button, but it’s got a mind of it’s own.

HOLY F*** WHAT A MESS!!!
This is the part where I want to throw things. You fix one thing to break another.
Now I’ve got my knotakt form looking ok. Boring, but ok. But then I saw that it messed up the comment form, so I had to change that. NOW, somewhere . . .the submission form is being told to break way the hell out and it’s messing up the page. In IE it’s all the way down at the bottom of the page. In FF it’s stretching way off to the right.
I tried #menu input { blah blah blah } nothing.
Tried a couple others too. Nothing.
Anyone lend a hand? Pretty please?
And the footer is still jacked on some pages as well.

Any idea on how to make the “submit” buttons conform to a certain size (instead of the width of input)?
https://tekmonki.com/kontakt.php
And how to make the kontakt page fill top to bottom?

I tried in the php to give “submit” a class of “msubmit” and then doing div#menu msubmit { etc etc } but it didn’t seem to have any effect. I suspect I might have the syntax wrong, but I’m not sure what the right syntax is.
The form is in <menu> and the submit button has a class of “msubmit”.

correct syntax:
#menu input.msubmit {
etc etc
}

Thanks.
Doesn’t seem to have any effect though. I’m sure it’s something simple I’m overlooking – I hate that. You spend hours on some dumb little thing and then it’s like “d’oh!”