On 7/5/06, Visually Insane Genetically Modified Organism <[EMAIL PROTECTED]> wrote: > At the web page: > > http://www.infoforce-services.com/ifs_header_tri.php > > I am trying to get the curved graphic to align with the top left corner of > the graphic with the tree. I am having no luck, so can someone please help?
Hi, Angus, To answer your question, images are inline elements, not block elements.[1] Because of this, they are aligned with the baseline of whatever line of text it belongs with, even if there is no other text.[2] The gap you are seeing is the space below the baseline, for the descenders of letters like "p" and "g". To get around this, make your image a block element (using "display: block"). More on this can be found on the (permanently?) temporary Netscape Devedge site.[3] HTH, Michael [1] http://www.w3.org/TR/html4/sgml/dtd.html#inline -- the definition of an inline element includes "%special%" elements. IMG tags are defined as a "%special%" element (click the link in that line to take you to the list of special elements). [2] http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align (note that the default alignment is "baseline" [3] http://devedge-temp.mozilla.org/viewsource/2002/img-table/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
