Adding Social Button?

[Venom]

I'm trying to add a social button in the top left corner of the forum.

I inserted the HTML here:

<div id="header">

<div id="socialicons">
<a href="https://twitter.com/Chatatatforum"><img src="http://i.imgur.com/kewmzmo.png"></a>
</div>

    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
    <h1>{SITENAME}</h1>
    <p>{SITE_DESCRIPTION}</p>
</div>

And Put This CSS at the bottom of the sylesheet.

#socialicons
{
margin-left:1px;
margin-right:1px;
width:10%;
}

But the button shows like this and won't move all the way to the left. Also It forces the logo downwards so it's closer to the menu bar:



Please help. 😕

 

[Migi]

Moved to a more appropriate section. 🙂

 

[pandaa]

Try putting:

<div id="socialicons">
<a href="https://twitter.com/Chatatatforum"><img src="http://i.imgur.com/kewmzmo.png"></a>
</div>

just before:

<div id="header">

And see what happens. I think that might work.

 

[LadyLannie]

I'm trying to add a social button in the top left corner of the forum.

I inserted the HTML here:

<div id="header">

<div id="socialicons">
<a href="https://twitter.com/Chatatatforum"><img src="http://i.imgur.com/kewmzmo.png"></a>
</div>

 <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
 <h1>{SITENAME}</h1>
 <p>{SITE_DESCRIPTION}</p>
</div>

And Put This CSS at the bottom of the sylesheet.

#socialicons
{
margin-left:1px;
margin-right:1px;
width:10%;
}

But the button shows like this and won't move all the way to the left. Also It forces the logo downwards so it's closer to the menu bar:



Please help. 😕

In your css code try putting the position to relative; if it does not work put absolute;
i had this problem before so these should work....