Question

I am working with a PSD design at the moment which has part of the company logo sitting above a header element, and part of it contained with in it. The logo partially exceeds the top border.

Something like this: http://img193.imageshack.us/img193/5589/headerrc.png with the solid filled square being the logo that needs to exceed the border.

I’m wondering what the best way to do this in the most accessible way is; I know I can slice it all up as images, but I’d prefer to use HTML elements to build the display.

Cheers in advance.

Answer 1

you didn’t explain your html setup at all, so i can only suggest things very broadly, its difficult to know which would be more appropriate.

margin-top: -30px;

alternatively:

position: relative;  
top: -30px;