I know i'm a bit late here heh but anyways thought i should add some lines. Preview images doesn't work so hopefully i'm on the right issue :D
Anyways images are inline elements, and they also take note from line-height therefore resetting the line-height would have sorted it out.
I personaly are against using images in building the design so i would go with a markup more like this, if you have to wrap it in a wrapper/container instead(depending on images) make use of the block elements that already is there, like the form tag!
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>poll</title>
<style type="text/css" media="screen">
@import url(default.css);
</style>
</head>
<body>
<div id="poll">
<h2>Poll</h2>
<div id="innerWrapper">
<form action="" method="post">
<p>What do you think to this?</p>
<p><input type="radio" id="entry-1" /><label for="entry-1">Is good</label></p>
<p><input type="radio" id="entry-2" /><label for="entry-2">Is ok</label></p>
<p><input type="radio" id="entry-3" /><label for="entry-3">Is bad</label></p>
</form>
</div>
</div>
</body>
</html>
Before i get a reply, jupp that is the html 5 doctype, you can bitch all day but it still puts IE in standards mode :D
Edit:
Must of had a blackout :)
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>poll</title>
<style type="text/css" media="screen">
@import url(default.css);
</style>
</head>
<body>
<div id="poll">
<h2>Poll</h2>
<form action="" method="post">
<fieldset>
<p>What do you think to this?</p>
<p><input type="radio" id="entry-1" /><label for="entry-1">Is good</label></p>
<p><input type="radio" id="entry-2" /><label for="entry-2">Is ok</label></p>
<p><input type="radio" id="entry-3" /><label for="entry-3">Is bad</label></p>
</fieldset>
</form>
</div>
</body>
</html>
There no extra wrapper... :/
Join the friendly bunch on IRC...
Mysterious blank space?
Hybrid Mode
