Skip to:
Content
Pages
Categories
Search
Top
Bottom

Re: Howto : put a picture between header and content


pcwriter
Participant

@pcwriter

@askunky

The image should be contained within a div whose precise placement in the header can be controlled with position:relative;
Here’s an example styleset to get you started:

`.my-header-image {
position:relative;
left:-50px;
top:150px;
z-index:1;
}`

In the above example, the top-left corner of the div will sit 50px to the left of the left edge of your header, and 150px below the top edge of the header. No width or height is defined so you can place whatever size image you want in it. Here’s how:

`

`

Hope this helps! :-)

Skip to toolbar