2 replies [Last post]
armen115
armen115's picture
Offline
newbie
Last seen: 9 years 44 weeks ago
Timezone: GMT-4
Joined: 2012-10-07
Posts: 1
Points: 2

Hi guys, I have a custom logo that I have created that I would like to add to the header of my site. I am currently using an image for my header, so I just need to add the logo to a fixed position on it.

Thanks

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi armen115, Add the logo to

Hi armen115,
Add the logo to the markup and position it where you want with position: absolute; and z-index

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Without seeing the markup you

Without seeing the markup you have already, it could be something like:

<div id="header">
   <img src="header_img.png" />
   <img src="logo.png" id="logo" />
</div>

#header{
  position:relative;
}
 
#logo{
  position: absolute;
  top:10px;
  left:100px;
}