[themes] I can't seem to get "vertical-align: top; " to function at all with the theme "Framework"?

Carl Wiedemann carl.wiedemann at gmail.com
Sun Feb 27 22:43:15 UTC 2011


I'm guessing page title is probably an <h1> or <h2> which have margins that
will affect adjacent elements.

Feel free to submit your HTML source as a http://pastebin.com/ link so it is
easier to determine what is going on.


On Sun, Feb 27, 2011 at 3:34 PM, Eric Sepich <sepich.eric at hotmail.com>wrote:

>  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>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
>> http://lists.drupal.org/mailman/listinfo/themes
>>
>
>
> _______________________________________________
> themes mailing listthemes at drupal.orghttp://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>
>
>
>
> _______________________________________________
> themes mailing list
> themes at drupal.org
> http://lists.drupal.org/mailman/listinfo/themes
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/themes/attachments/20110227/7d6d25db/attachment.html 


More information about the themes mailing list