Solved

adjust image on site

Posted on 2013-06-04
6
265 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 9

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 9

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
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 51

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 9

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

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

760 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now