CSS for multiple, side by each, header images (4 posts)

  1. tiempo1976
    Posted 9 years ago #


    I have a site based on a WP Theme that I've been fairly successful at plodding my way through: learning/understanding the code by trial and error and making the changes I desire.

    Currently an image is brought into the header on each page. I have figured out what I need to add and to simultaneously bring a second image into the header, however I don't know what the css needs to say to make one image appear on the top left and the other appear right next to it.

    The code that brings the main image in is below and in the main stylesheet:

    '#headerimage {height: 219px; background: url('images/myimagename.png') top left no-repeat; list-style: none;}'

    In the header style sheet I've added the following

    '<ul id="headerimage2">'

    to bring in another image, and have tried copying the first above code in the main stylesheet (except with #headerimage2) to bring in my second image. So I know that what's coming after #headerimage2 isn't working...

    Thanks for any tips or leads to sites that explain css to the novice!

  2. tsguitar
    Posted 9 years ago #

    You need to deal with floating the images next to each other. Floatutorial is a site I constantly go back to:

  3. Root
    Posted 9 years ago #

    I would go {display: inline}

  4. tiempo1976
    Posted 9 years ago #

    Thank you both for the replies.
    I'll check both out and post back.

Topic Closed

This topic has been closed to new replies.

About this Topic