On Mon, Mar 3, 2008 at 2:12 PM, Christie <[EMAIL PROTECTED]> wrote: > Hello group, > > I am new to CSS in web design and have a pretty basic question but am unsure > about the best way to solve the problem. Here is the page I am building: > > http://www.arabian-horses-west.com/test.html > > I would like the very top and very bottom graphics to touch the middle so > that it is all connected. Here is a link to the CSS: > > http://www.arabian-horses-west.com/testcss.html > > Any help would be greatly appreciated. > > Thank You, > Christie
You have a few problems that are keeping the images from meeting your content area. You give padding to all images after defining special styles for .topbarimg and .bottombarimg. In order for those styles to be applied and override the styles you put on img you need to put them AFTER the img styles in the CSS. There's no reason to have .topbarimg relatively positioned. I'm also not sure what you're trying to achieve with top:25px; on that, but if you really want it 25 pixels from the top of the viewport, you can just give it a top-margin. Change your HTML to put the .topbarimg and .bottombarimg classes on the paragraphs that contain them. Then set those styles to margin:0 auto; and padding:0; Paragraphs have margins created by the browser, so if you don't specify your own, each browser will have its own way with them. good luck! j ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
