Fixed logo over header image

  • Hey guys. I have a problem.

    I’m currently working on my new project, which is going to be a new blog (duh).

    I have gotten my rotating header image system to work with PHP, using the wp-cycle plugin. Now that it’s like that, I want to place a logo in the top left corner over the rotating images. Sounds easy, but I can not for the life of me figure it out.

    I tried using CSS and using a new surrounding div ID but it didn’t work.

    Is there a way to use lets say html and place the image over the called content?

    I’m so confused. The URL is

    https://design.airlias.com/clearview

    Thanks guys.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter airlias

    (@airlias)

    No one knows this?

    you could put the logo img into the rotator div (providing the php of the image rotator allows to access that space) and style it with ‘position: absolute; z-index:10;’ :

    <div id="headerimg">

<div id="textareaheader">
<center>
<div id="rotator">

<!-- begin of your logo -->
<img class="logo"  src="https://pathtowherethelogois/logo.png" width="100" height="100">
<!-- end of logo -->

<img src="https://design.airlias.com/clearview/wp-content/uploads/2010/01/testimage11.png" width="740" height="192" class="20100121014635" alt="" />
<img src="https://design.airlias.com/clearview/wp-content/uploads/2010/01/testimage21.png" width="740" height="192" class="20100121014640" alt="" />
</div>
</center>
	</div>

    in style.css, add:

    .logo {
position:absolute; z-index:10;
top:10px; left:10px; /* adjust to your position */
}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Fixed logo over header image’ is closed to new replies.