<div> function without the line break

I'm using this:

Code: Select all

<div style="filter:progid:DXImageTransform.Microsoft.Glow(Color=red,Strength=3);width: 100%;">Text</div>

Just to have some text appear glowing. What I would like though, is the text to glow as this statement does, but without the line breaks before and after (as div tags do).

Is there a way I can do it with <span> tags or something?

It should work with a span tag.... if not add: display:inline; to the inline style of the div.

__________________
Click the 'Thanks!' button if this post has helped you

Rob - Webforumz Founder

Thanks Rob, I'll give it a go.

Using that display:inline; it all displays fine in firefox, but in IE and crazybrowser, it still uses a line break. Any ideas?

Hi Tim... can you post your CSS for this section, and also the HTML?

I'll take a peek!

__________________
Click the 'Thanks!' button if this post has helped you

Rob - Webforumz Founder

I'm actually using this in a vbulletin forum.

For the moderators and admin, which each have a separate usergroup, you have the option to specify an opening and closing html tag to display the usernames of the usergroup. I've been using the above tags to show a glowing red username, however the div tag causes a line break, which upsets the format of the poster info.

I have been testing the tags though in just a normal html file, opening it in different browsers to test.

Code: Select all

<div style="margin:0; padding:0 display:inline">username</div>

That *should* work Tim.

__________________
Click the 'Thanks!' button if this post has helped you

Rob - Webforumz Founder

Still getting the line breaks...this is really annoying me now...

Just to let everyone know, IE filters don't work with inline elements such as <span>. Likewise, if you apply display: inline to an element with a working filter applied, it will no longer work.

As for the problem, the only thing I can think of is create an image (why not take a screenshot?). If you don't want to do that, please post a URL or the relevant code (CSS and X/HTML).

'display:inline' is the right method but if it REALLY doesn't work, use a table and split the content in cells....

<table>
<tr>
<td><div>my div that won't dsplay inline with other text</div></td>
<td>my other text</td>
</tr>
</table>

What spinal said..... obviously as a last resort.

__________________
Click the 'Thanks!' button if this post has helped you

Rob - Webforumz Founder