[resolved] (CSS) Header Image Size (3 posts)

  1. montag
    Posted 10 years ago #

    Another (possibly dumb) newbie question..
    I am using a background image in my header. When using a fixed px size, the image gets cropped (at lower res.) or looks too small (at higher res.) If I use 'em' to size the image it still gets cropped (at lower res.) but "tiles" (at higher res.)
    Is there a way to make the image size change based on the reader's resolution setting? If so, can I tie the size of the header anchor text to the image size so they look the same relative to each other at different resolutions?

  2. kgeiger
    Posted 10 years ago #

    Sorry, this is not a response but I was wondering how exactly you got the image to display in the first place?

    I changed the header values in my .css to

    #header {
    background: transparent;
    background-image: url (http://www.kgeiger.net/images/kgeiger_large.jpg);
    border: none;
    text-align: left;
    font-weight: normal;
    font-size: 1.3em;
    letter-spacing: 0.2em;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: rgb(102,176,209);
    top: 8px;
    left: 35px;
    width: 20em;
    z-index: 5;

    Is something I needed to change? What else do I need to change and how to make the image a different size?

  3. Mark (podz)
    Support Maven
    Posted 10 years ago #

    montag - fix the size of the blog by wrapping it in another container.

    Somewhere to start could be here:

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.