WordPress.org

Forums

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

  1. montag
    Member
    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?
    Thanks.

  2. kgeiger
    Member
    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);
    position:absolute;
    top: 8px;
    left: 35px;
    width: 20em;
    z-index: 5;
    margin:0px;
    padding:10px

    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:
    http://www.tamba2.org.uk/wordpress/graphicalcss

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.