Floating an image on a header

  • shettena

    (@shettena)


    16 years, 1 month ago

    Hi, first time poster here.

    I am running K2 and I’m trying to float an image on my header. The image is my name so I’d like to reposition it. I’ve managed to get my site to load the image in the header but I’d like to be able to move it around. Can somebody help with this?

    Here’s a link to my site: http://www.sethhettena.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • milesa2

    (@milesa2)

    16 years, 1 month ago

    you can either float it left or right but you have it set to position:absolute now.

    Where do you want to move it?

    Thread Starter shettena

    (@shettena)

    16 years, 1 month ago

    milesa2,

    Thanks so much for answering me. I added position:absolute into the img code in my header and played with the margins. And presto!

    Now, I’m trying to figure out how to change the color in the rest of the header so that it matches the background of my image.

    Any thoughts on that?

    milesa2

    (@milesa2)

    16 years, 1 month ago

    Did you do any styling not in your style sheet. This code seems like it was placed in your header.php file but all you need to do is take out that backgroud-image which is causing it to be black and use

    background-color:#samecoloraslogo;

    instead of that background image.

    <style type="text/css">
				#header {
			background-image: url("http://sethhettena.com/blog/wp-content/uploads/2010/04/cropped-logo.jpg");
		}

				#header .blog-title a,
		#header .description {
			color: #ffffff;
		}
</style>
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Floating an image on a header’ is closed to new replies.