I can't seem to get "vertical-align: top; " to function at all with the theme "Framework"?
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>
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@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@drupal.org http://lists.drupal.org/mailman/listinfo/themes
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@hotmail.com <mailto:sepich.eric@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@drupal.org <mailto:themes@drupal.org> http://lists.drupal.org/mailman/listinfo/themes
_______________________________________________ themes mailing list themes@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>
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@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@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@drupal.org http://lists.drupal.org/mailman/listinfo/themes
_______________________________________________ themes mailing listthemes@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@drupal.org http://lists.drupal.org/mailman/listinfo/themes
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@hotmail.com <mailto:sepich.eric@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@drupal.org <mailto:themes@drupal.org> http://lists.drupal.org/mailman/listinfo/themes
_______________________________________________ themes mailing list themes@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>
participants (2)
-
Carl Wiedemann -
Eric Sepich