Jump to content

Archived

This topic is now archived and is closed to further replies.

werdnags

Static image using CSS

Recommended Posts

werdnags+    0
werdnags

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
Aires+    258
Aires
Hi, instead of using px where you have 150px try using percentages

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • thirdstonemedia
      By thirdstonemedia+
      I've been fighting with a resolution issue ? Want to use Flick Slider, the site looks great on my monitor but client says she can't see bottom of homes. I believe she's on an old PC using outdated browser/s ... but, she's important to me and I'd like to make this work, on her system. Without asking her adjust her own set-up. 
      I put the Flick Slider inside a container, here ::
      http://becauze.xyz/home-five
      Set the Height of Flick Slider to 50 Base ... I don't know how this works exactly ... there is a Base then a Min ... but, haven't adjusted the Min ::
      http://becauze.xyz/home-four/
      Tried using Splash Up, which presents the same issue (she can only see top of home) and she wants several images to rotate on Home page, so not sure this would work anyway ::
      http://becauze.xyz/
      I have tried going into Layout and making the width narrower, and that does make the site narrower, but the homes still don't display in full, on her system. Help ?

      Here are her screen grabs, both desktop and iPad  (dumped the chalkboard background).

      FInally, she said these look great ::
      http://www.sinclairaia.com/
      http://www.kristihanson.com/
      What am I doing wrong ?? Is there a better way to accomplish making the site look great on any resolution at any size ?
      Joanne
      (Longtime Pagelines-lover.)


    • pazyluz
      By pazyluz+
      I created an image for the fixed navbar on my desktop site. The image is too big for mobiles and gets pushed below the mobile menu bar. It not only looks ugly but takes up a lot of space.

      What do I need to do to shrink this image so that it stays fixed in the nav area, fits beside the mobile menu and grows with the various size browsers for mobile devices?

      This doesnt happen when I shrink my desktop browser or I would provide a screenshot.


      peggygreen.net
      DMS1
      Details theme
×