adjust image on site

hi,

I am trying to adjust new_left_pirate (1).png on my site http://piratescove.yourcitybeats.com so he stand right on the toolbar, can i adjust the css somehow that he stands on it without him looking mid air?
jonathanduane2010Asked:
Who is Participating?
 
Ishaan RawatConnect With a Mentor Designer | Developer | ProgrammerCommented:
Just copy my final code and paste in place of the actual pirate image code...
0
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
where do you want it to stand...???
0
 
jonathanduane2010Author Commented:
right above home??
0
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
JUST ADD THIS TO THE PIRATE IMAGE....

position: absolute;
bottom: -20px;
left: -50px;
z-index: 9999;

Open in new window



i.e.  Your final code would be...

<img src="http://piratescove.yourcitybeats.com/wp-content/themes/twentytwelve/images/new_left_pirate.png" style="
    position: absolute;  bottom: -20px;  left: -50px;  z-index: 9999;
">

Open in new window

0
 
Julian HansenCommented:
There are two reasons - one your image is not displaying as a block which makes a small gap below the image - secondly there is extra space at the bottom of your image below the feet of the pirate.

To fix add the following to your image

<img src="http://piratescove.yourcitybeats.com/wp-content/themes/twentytwelve/images/new_left_pirate.png" style="display: block; float: left;">

And then crop your image so that the feet of the pirate are at the bottom of the image - right now there is a 10-15px gap. You don't need the extra bit at the bottom of the image so cropping it off is a good thing.
0
 
jonathanduane2010Author Commented:
great, i will do that now,

I cant find where i can add that to the image, i have checked the style.css and i cant find there it references the image?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.