Not signed in (Sign In)

Vanilla 1.1.8 is a product of Lussumo. More Information: Documentation, Community Support.

Syntax Highlighting

You can highlight any code you post by wrapping it in the BBCode tags, [code lang="css"]code here[/code]. Other usable lang values are "xml", "html", "xhtml", "css", "js", "javascript", "php", "sql", "python", "py", "ruby", "rb", and "java".

Choose the Format Comments option "SyntaxHighlighter" to use this BBCode. Note that no other BBCode is supported at the moment.

Basic CSS: Rendering a simple box without a 2px bottom gap

Bottom of Page

1 to 2 of 2

- CommentAuthormanoncloud9
- CommentTimeFeb 9th 2010
Hello everyone,

Sorry for the beginner question. I've created the following html code with an internal style sheet. I've created an external 90x90 pixel gray box (png or jpg) as illustrated in the code. The box shows up at 10x, 10y correctly but the border around it has a gap at the bottom of it. What am I doing wrong. This should be just too simple.

Any assistance would be greatly appreciated!

Thanks in advance... ME...

==================== THE CODE IS BELOW =====================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>TEST PAGE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.brdrBox {
margin:10px 0 0 10px;
float:left;
overflow:hidden;
border:thin solid #0f0;
}
</style>
</head>
<body>
<div class="brdrBox">
<img src="content90x90.png" alt="gray box" />
</div>
</body>
</html>
- CommentAuthormanoncloud9
- CommentTimeFeb 9th 2010
I found it. I'm targeting the brdrBox class and not the "img" tag. I need to add display:block; or equivalent to make it work properly. Sorry for taking up unnecessary discussion area! Thanks, ME

1 to 2 of 2