Can’t get image to show up using CSS

  • Resolved davincim

    (@davincim)


    20 years, 6 months ago

    I’ve been able to glean some information on this topic, but the solution still escapes me.

    My site is: http://www.familywebwatch.com/blog

    I’ve recently placed some feed buttons (e.g., My Yahoo, Newsburst, etc.) in the top right of my sidebar. I don’t like the way they look there, so I’ve decided to try to put them at the very top of the page, directly above the header image in the white space.

    No matter what I do, they still don’t show up. My style for this is:

    img.feedbuttons {
    position:absolute;
    left:50px;
    top:10px;
    z-index:1;
    }

    The code for the button is:
    <a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/FamilyWebwatchBlog" title="Family WebWatch Blog"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" alt="" style="border:0"/></a>

    I can’t figure out if I’m putting it in the wrong file (index.php or header.php), or if the style I’m using is wrong.

    Any advice is very much appreciated. 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mark (podz)

    (@podz)

    20 years, 6 months ago

    There is an error in your header template that needs attending to first. Look at <div id="container"
    It needs a closing >

    For the buttons (which incidentally I think suit where they are) try this.
    In your css, add this line at the bottom:
    #tinfo {
    margin: 0 auto;
    text-align:left;
    background-color:#fff;
    font:.8em trebuchet, georgia, serif;
    color:#000;
    padding-top:6px;
    padding-bottom:6px
    }

    Then in you header template, right above <div id=”header”>
    add <div id="tinfo">
    Add your buttons
    Close the </div>

    That may not be perfect straight off, but it’s close. let us know how it goes ?

    Thread Starter davincim

    (@davincim)

    20 years, 6 months ago

    Thanks podz!!!

    Your solution worked, but once I saw the images up there I thought just having the links as text would look better.

    I made the following changes to your style:


    #tinfo {
    margin: 0 auto;
    text-align:right;
    background-color:#fff;
    font:.8em trebuchet, georgia, serif;
    color:#000;
    margin-top:-16px;
    padding-bottom:6px
    }

    If I could have gotten the images to be identical in size I probably would have kept them in the sidebar, but I just didnt’ like the way they were taking up space…it seemed inefficient.

    Hopefully, my decision to just use text looks better.

    Again, podz, thanks a million!!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Can’t get image to show up using CSS’ is closed to new replies.