Solved

adjust image on site

Posted on 2013-06-04
6
271 Views
Last Modified: 2013-06-04
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
Comment
Question by:jonathanduane2010
  • 3
  • 2
6 Comments
 
LVL 10

Expert Comment

by:Ishaan Rawat
ID: 39218568
where do you want it to stand...???
0
 

Author Comment

by:jonathanduane2010
ID: 39218572
right above home??
0
 
LVL 10

Expert Comment

by:Ishaan Rawat
ID: 39218585
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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 54

Expert Comment

by:Julian Hansen
ID: 39218657
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
 

Author Comment

by:jonathanduane2010
ID: 39218668
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
 
LVL 10

Accepted Solution

by:
Ishaan Rawat earned 440 total points
ID: 39218741
Just copy my final code and paste in place of the actual pirate image code...
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question