Margin-Top not working

[Stinky666]

No idea why this isn't working
I have given my board icon a ID of mpicon, then in the CSS I am trying to move it down so it is center with the comments/discussions + thread link, but margin-top wont work. Nothing will move it

exdat.freeforums.net/
#mpicon {
margin-top: 15px;
}


I've used this before and it has worked wonders, what the heck have I done wrong?
Appreciated. I think it is (or hope anyway) a simple fix.
Perhaps there's an easier way to make it be at the side (I think you should be able to see how I want it).

[Brian]

Change it to an inline-block element.

#mpicon {
    margin-top: 15px;
    display: inline-block;
}

[Stinky666]

Apr 23, 2013 11:08:46 GMT -8 Brian said:

Change it to an inline-block element.

#mpicon {
    margin-top: 15px;
    display: inline-block;
}

Unfortunately, nope.
Could it be because of how I have it set out in the Layout Templates?

Which, by the way, is:

<td class="main">
<span class="link">$[board]</span><br />
<span id="mpicon">$[board.icon]</span>
<span class="posts">{if $[board.posts] == -1} {else}<b><font color="#df0909">$[board.posts]</font></b>{/if} Comment{if $[board.posts] != 1}s{/if} in {if $[board.threads] == -1} {else}<b><font color="#df0909">$[board.threads]</font></b>{/if} Discussion{if $[board.threads] != 1}s{/if}
<!--<span class="viewing">-->{if $[board.num_viewing] > 0}& <b>$[board.num_viewing]</b> Viewing{else}{/if}</span><br/>
<span class="posts">{if $[board.posts] > 0}
{if $[board.last_thread]}
<a href="$[board.last_thread.recent_link.href]" class="lastpost" id="lpost">$[board.last_thread.subject]</a>
by $[board.last_thread.last_post.created_by_user]
<span class="date">$[board.last_thread.last_post.date]</span>
{/if}
{else}

[Brian]

You're aware that only one object on the page can have a specific ID, right?

Either way, it's working on my end (even without manually adding it to the CSS with Firebug).

[Stinky666]

I thought something could have both a class and ID? I dunno though lol.
It just seemed like it made sense for something to be able to have one of each

No clue why it's not working for me, but it is for you

[Brian]

Multiple elements can have the same class. Only one element can have an individual ID. An object can indeed have both a class and an ID. There are multiple elements using the same ID you specified for the board icon.

[Stinky666]

See I dunno what "is" or isn't an element. I've never read up on anything etc.
I have this sorted now though using a div. Thanks to elli for it

[Brian]

Wurd.

www.w3schools.com/html/html_elements.asp

I learned a lot of stuff from referencing W3Schools while working on things over the years.

[Stinky666]

Apr 24, 2013 13:49:15 GMT -8 Brian said:

Wurd.

www.w3schools.com/html/html_elements.asp

I learned a lot of stuff from referencing W3Schools while working on things over the years.

I have looked at W3Schools and a few other places for certain, specific things. Perhaps I should actually take the time to read articles and get to understand stuff a bit more. The above seems very simple.