Jump to content

Vertical alignment issues


kurt.santo
 Share

Recommended Posts

I have a div with a picture (including caption) inside my content div, which includes only the div plus text. The text does not vertically line up with the top border of picture div. Tried vertical-align, but does not do the job...

#mainContent{border-left-style:dotted;border-left-width:1px;border-left-color:#484FBD;margin: 30px 20px 20px 209px;padding: 0px 20px 0px 40px;text-align:justify;vertical-align:top;} 			#mainContentPicture	{float:left;	border-style:solid;border-width:1px;border-color:#7E8082;margin:3px 30px 15px 0px;padding:1px 1px 1px 1px;}#mainContentPicture img{padding:0px 0px 10px 0px;margin:0px;	}

Any suggestions?Kurt

Link to comment
Share on other sites

set a couple of pixels of padding-top to the image works.those colours are good if you are an American :)
Added a margin of 3px, which also works... But does this make sense? I would have thought it would line up nicely... Maybe I will try to sell my new website to an American, might make a few bucks;-)Kurt
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...