• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 300
  • Last Modified:

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?
0
jonathanduane2010
Asked:
jonathanduane2010
  • 3
  • 2
1 Solution
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
where do you want it to stand...???
0
 
jonathanduane2010Author Commented:
right above home??
0
 
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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
Just copy my final code and paste in place of the actual pirate image code...
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now