• Welcome to The Cave of Dragonflies forums, where the smallest bugs live alongside the strongest dragons.

    Guests are not able to post messages or even read certain areas of the forums. Now, that's boring, don't you think? Registration, on the other hand, is simple, completely free of charge, and does not require you to give out any personal information at all. As soon as you register, you can take part in some of the happy fun things at the forums such as posting messages, voting in polls, sending private messages to people and being told that this is where we drink tea and eat cod.

    Of course I'm not forcing you to do anything if you don't want to, but seriously, what have you got to lose? Five seconds of your life?

Inline container with background image

Cryssie

Cryssie

Ebonclad Enigma
Say I have a div. It's a block-level element, so it puts itself on a new line. I don't want it to do that. So I try using a span tag instead, or adding display:inline, but then the background image doesn't show.

How do I get it to appear both inline and with the background image?

In case it's relevant, this div is of a fixed size and contains two other absolutely-positioned divs also of a fixed fize and with background images (but they're behaving).
 
You can't fix the size of an inline element. I'm not quite sure what you're trying to do that makes it vitally important for the div not to go into a new line. o_O
 
A new style of NaNoBar, actually. I suppose the old one went on a new line, too, but it was wider than it was tall so I always put it on one anyway.

This one is taller than it is wide, and I'd like to be able to display it alongside something else in my sig, and give people a simple copy-paste for it so they can do the same (without fiddling with floating it out to the side of something else or whatever you'd normally do).

I don't suppose it'll matter when I get my brother to automate and image-ify it, but eh.

... It is a rather nice progress bar if I do say so myself. :D
 
You must log in or register to reply here.
Back
Top Bottom