[themes] I can't seem to get "vertical-align: top; " to function at all with the theme "Framework"?
Eric Sepich
sepich.eric at hotmail.com
Sun Feb 27 22:43:36 UTC 2011
On 02/27/2011 11:45 AM, Carl Wiedemann wrote:
> The vertical-align property only applies to inline, inline-block, and
> table-cell elements.
>
> http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align
>
> 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.
>
> 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.
>
>
> On Sat, Feb 26, 2011 at 9:05 PM, Eric Sepich <sepich.eric at hotmail.com
> <mailto:sepich.eric at hotmail.com>> wrote:
>
> I have a custom home page that I developed and I am having the biggest
> bear of a problem getting it to "vertical-align: top;". Does
> anyone know
> how this might be done with the Drupal platform. I tried several
> different methods included encasing the image in a div etc. etc.
> Nothing
> worked so far. My theme is framework. My content type is "full html".
> Thank you so much!
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
> <html>
> <head>
> </head>
> <body>
> <div valign="top" style='vertical-align: top;'>
> <img src="imgdeny/fortress.jpg" valign="top">
> </div>
> </body>
> </html>
> _______________________________________________
> themes mailing list
> themes at drupal.org <mailto:themes at drupal.org>
> http://lists.drupal.org/mailman/listinfo/themes
>
>
>
> _______________________________________________
> themes mailing list
> themes at drupal.org
> http://lists.drupal.org/mailman/listinfo/themes
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.
<html>
<head>
</head>
<body style='margin: 0; padding: 0;'>
<div style='margin: 0; padding: 0;'>
<img src="imgdeny/fortress.jpg">
</div>
</body>
</html>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/themes/attachments/20110227/07f0570d/attachment-0001.html
More information about the themes
mailing list