|
Posted by Jukka K. Korpela on August 23, 2007, 5:45 am
Please log in for more thread options
Scripsit Axel Siebenwirth:
> I've just got a small question considering the margin above a <p>
> element.
> http://www.mooselook.de/myweb/p.html
I have many big questions concerning the markup. It's a complicated mess of
table layout with embedded CSS.
> With IE there's about no space between the grey box and the word
> "Benutzername".
What in your code makes you think there should be? And spacing is generally
a matter of styling (CSS), not HTML.
> With Firefox there's just the right spacing inbetween these two.
Consider that as a coincidence: the browser behaves as if it read your mind.
Technically, it might have something to do with default margins for p
elements when they appear inside a td element, or something like that. But
the page contains no _paragraph_, so why are you using p markup?
Adequate markup for the content would consist of something like the
following:
<form action="..." method="post">
<h2>Anmelden</h2>
<div><label for="id">Benutzername:</label>
<input id="id" name="user_id" type="text" size="15" maxlength="30"></div>
<div><label for="pwd">Passwort:</label>
<input id="pwd" name="password" type="password" size="15"
maxlength="40"></div>
<div><input type="submit" value="Anmelden"></div>
</form>
It might be argued that a table, with labels in one column and corresponding
input fields in another, would be better markup for some purposes.
Anyway, the _rest_ is a matter of styling, not CSS. And the simple, logical
markup is a much better starting point for styling than a confusing layout
table.
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
| 
XML Sitemap