I'm guessing page title is probably an <h1> or <h2> which have margins that will affect adjacent elements.<div><br></div><div><div>Feel free to submit your HTML source as a <a href="http://pastebin.com/">http://pastebin.com/</a> link so it is easier to determine what is going on.<br>
<br><br><div class="gmail_quote">On Sun, Feb 27, 2011 at 3:34 PM, Eric Sepich <span dir="ltr"><<a href="mailto:sepich.eric@hotmail.com">sepich.eric@hotmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div bgcolor="#ffffff" text="#000000"><div><div></div><div class="h5">
On 02/27/2011 11:45 AM, Carl Wiedemann wrote:
<blockquote type="cite">The vertical-align property only applies to inline,
inline-block, and table-cell elements.
<div><br>
</div>
<div><a href="http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align" target="_blank">http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align</a></div>
<div><br>
</div>
<div>By default, <div>s should have all inner content begin
at the top left. What are you trying to achieve, based on your
given markup? If you are trying to align the given image to the
top of the browser window, it's likely the <body> has some
margin or padding you have to override. Use Firebug to inspect
the whitespace you are seeing.</div>
<div><br>
</div>
<div>You should probably be using the background-image property
instead of image tags if the image is fundamentally part of the
theme and not explicitly content.</div>
<div><br>
<br>
<div class="gmail_quote">On Sat, Feb 26, 2011 at 9:05 PM, Eric
Sepich <span dir="ltr"><<a href="mailto:sepich.eric@hotmail.com" target="_blank">sepich.eric@hotmail.com</a>></span>
wrote:<br>
<blockquote class="gmail_quote" style="margin:0pt 0pt 0pt 0.8ex;border-left:1px solid rgb(204, 204, 204);padding-left:1ex">I have a custom home page that I
developed and I am having the biggest<br>
bear of a problem getting it to "vertical-align: top;". Does
anyone know<br>
how this might be done with the Drupal platform. I tried
several<br>
different methods included encasing the image in a div etc.
etc. Nothing<br>
worked so far. My theme is framework. My content type is
"full html".<br>
Thank you so much!<br>
<br>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0
Transitional//EN"<br>
"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd</a>"><br>
<html><br>
<head><br>
</head><br>
<body><br>
<div valign="top" style='vertical-align: top;'><br>
<img src="imgdeny/fortress.jpg" valign="top"><br>
</div><br>
</body><br>
</html><br>
_______________________________________________<br>
themes mailing list<br>
<a href="mailto:themes@drupal.org" target="_blank">themes@drupal.org</a><br>
<a href="http://lists.drupal.org/mailman/listinfo/themes" target="_blank">http://lists.drupal.org/mailman/listinfo/themes</a><br>
</blockquote>
</div>
<br>
</div>
<pre><fieldset></fieldset>
_______________________________________________
themes mailing list
<a href="mailto:themes@drupal.org" target="_blank">themes@drupal.org</a>
<a href="http://lists.drupal.org/mailman/listinfo/themes" target="_blank">http://lists.drupal.org/mailman/listinfo/themes</a>
</pre>
</blockquote></div></div>
I tried this based on your email. I would like to change to a
background image once I can make this thing work without such a huge
white space gap. There is still a huge white space gap between the
title of my page which is "Access Denied" and the image.<br>
<br>
<html><br>
<head><br>
</head><br>
<body style='margin: 0; padding: 0;'><br>
<div style='margin: 0; padding: 0;'><div class="im"><br>
<img src="imgdeny/fortress.jpg"><br></div>
</div><br>
</body><br>
</html><br>
<br>
<br>
</div>
<br>_______________________________________________<br>
themes mailing list<br>
<a href="mailto:themes@drupal.org">themes@drupal.org</a><br>
<a href="http://lists.drupal.org/mailman/listinfo/themes" target="_blank">http://lists.drupal.org/mailman/listinfo/themes</a><br>
<br></blockquote></div><br></div></div>