?
Solved

adjust image on site

Posted on 2013-06-04
6
Medium Priority
?
298 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

 
LVL 59

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 1760 total points
ID: 39218741
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.

Question has a verified solution.

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

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
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 …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

650 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