Why the width in style isn't working here for background image?

.latestlistbar {
        background: #ffffff url(#/images/splitbar.gif) no-repeat;
        width:750px;
        color: #339933;
        height: 20px;
        font-size: 14px;
        font-family: Arial, Tahoma, Verdana;
        font-weight: bolder;
        margin: 2px 0px 10px 0px;
        padding: 0px 0px 0px 10px;
}

<span class="latestlistbar">

Latest News &nbsp;&nbsp;|&nbsp;&nbsp; <a class="barlink" href="#">Forums</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a class="barlink" href="#">Some text TV</a>

</span>

A span is an inline element so does NOT take a width value.

That's not even of its (image) full size. How can I show atleast full background image?

Use a block element as the container

Just to add.

That's not even of its (image) full size

An image element does not expand the content area of a inline element.

It worked, but something went wrong. It has added space between it...!!!

From


To


Now, you would have understood me.. You can see that there is a space between the end of </span> and start of <div> box.

How about using <div> with

display:inline;

Will that work here?

set the margins to zero.

You should really learn the basics of the W3c Box Model and understand how it works.

Yep, Sure I'm a 17-years old newbie in css, working as a part-timer for my website.

Kids that were in a figure drawing class I took recently asked me why I was taking the course, I obviously already had experience. I said, "Yes, twenty years plus, but I always need the practice, and there's always the possibility of finding a new way of doing something."

Long story short, if Chris says take another look at the box model, do. It has nothing to do with your level of experience. Do you know how many experienced people still make newbie mistakes from time to time? If you're here seeking help, you can take our advice or leave it, no need to take a mood over it.

tim

Originally Posted by serandfae

Kids that were in a figure drawing class I took recently asked me why I was taking the course, I obviously already had experience. I said, "Yes, twenty years plus, but I always need the practice, and there's always the possibility of finding a new way of doing something."

Long story short, if Chris says take another look at the box model, do. It has nothing to do with your level of experience. Do you know how many experienced people still make newbie mistakes from time to time? If you're here seeking help, you can take our advice or leave it, no need to take a mood over it.

tim

For sure, I'll go through it because I must know the basics of padding and margin and the difference between two..

Originally Posted by asmalik12

For sure, I'll go through it because I must know the basics of padding and margin and the difference between two..

Well you're the one wanting others to fix his errors for him and Chris is the man who does most of the fixing - guess who I'd trust.