Positioning an image...

Anonymous posted this at 19:45 — 28th April 2010.

Joined: Jan 1970

Hi everyone,

I was wondering if there was anyone out there who could give me a hand with a little dilema I've got.

Iv just installed a new minimalistic wordpress theme on my site vladmihalache.com.

I'm trying to modify the theme and make it better. I had an idea of putting a picture in the
top right hand corner so it overlaps over the ul.menu which is the light blue bit.
Iv uploaded a picture to my hosting account so you can see roughly what i mean.
http://vladmihalache.com/image1.jpg

Id like the picture to go where iv highlighted in yellow.
If anyone would be so kind to help me i would greately appreciate it.

Many thanx.

webwiz posted this at 23:38 — 28th April 2010.

He has: 629 posts

Joined: May 2007

The best I can think of at the moment:

1. Open your header.php file that's in the relevant wp-content/themes/???/ folder
2. Insert an IMG tag with the path to wherever your image is stored, placing it just after the <div id="header"> tag
3. Add these rules to your style.css file -

#header { position: relative; }
#header img {
  position: absolute;
  top: -16px;
  right: 30px;
}

Alter those top and right values to taste. Good luck.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

vladmm (not verified) posted this at 12:12 — 29th April 2010.

They have: 5,633 posts

Joined: Jan 1970

many thanx webwiz, i will giv it a try as soon as i get home.