• 0
Sign in to follow this  
Followers 0

Static image using CSS


Question

Posted · Report post

Hi All,

 

Can anyone help me with this please?  I am trying to place a logo to span over the top of my header section and fixed header.

 

I have tried various methods but can't get the logo to stay in the same place so it looks correct on different browsers/resolutions sizes.

 

The site is not live yet.

 

This is the code I am trying.....(I think I am a missing something major!)

 

In the CSS I have:

.logo-holder {
  width:200px;
  height:200px;
  position:absolute;
 
}


.logo1 {
  position: relative;
  top: 00px;
  left: 150px;
}

and in the HTML I am using:

<div class="logo-holder">
<img src="/wp-content/uploads/2014/08/logo_home.png" class="logo1">
</div>

The image shows okay but it will not stay in the same place.

 

Thanks.

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

Hi, instead of using px where you have 150px try using percentages

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you provide a link to the site in question and also a concept image of what it is you want to achieve. When we have this, we may be able to assist you.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0