social media icons help

[blackdawg]

Trying to get the social icons to display properly but they arn't am i doing something wrong.



Forum url - bds-test.proboards.com/



Thankyou

[Tumbleweed]

Jul 24, 2015 22:36:02 GMT -8 blackdawg said:

Trying to get the social icons to display properly but they arn't am i doing something wrong.



Forum url - bds-test.proboards.com/



Thankyou

Not sure where you got that code but am I not seeing them because I'm a guest? I don't see any icon at all. Is there supposed to be an icon in each box? They aren't clickable for me either.  I would think you need the link to like Facebook and the image in there.


<li><a class="facebook" href="www.facebook.com/"><i class="icon-facebook"><img src="http://i40.tinypic.com/x6mp2b.gif"> </i></a></li>

[blackdawg]

Tumbleweed sorry was trying something

here is the code i am using

html

<div class="lblock">
<div class="socialmenu">
<ul>
<li><a class="facebook" href="#"><i class="icon-facebook"></i></a></li>
<li><a class="twitter" href="#"><i class="icon-twitter"></i></a></li>
<li><a class="google" href="#"><i class="icon-google-plus"></i></a></li>
<li><a class="youtube" href="#"><i class="icon-youtube"></i></a></li>
</ul>
</div>
</div>



css -

.socialmenu {
height: 40px;
line-height: 40px;
width: auto;
display: inline-block;
margin-left: 0;
float: left;
padding: 0;
border-right: 1px solid #dadada;
border-left: 1px solid #F4F4F4;
}

.socialmenu ul {
float: left;
margin: 0;
padding: 0;
margin-left: -20px;
display: block;
}

.socialmenu ul li {
float: left;
display: inline-block;
margin-right: 0;
list-style: none;
}

.socialmenu li a {
color: #fff;
display: inline-block;
padding: 0;
border: 0;
display: inline-block;
padding: 0 10px;
width: 40px;
height: 40px;
line-height: 40px;
border-left: 1px solid #dadada;
border-right: 1px solid #F4F4F4;
font-size: 1.3em;
}

a.facebook {
background-color: #3b5998;
}

a.twitter {
background-color: #19bfe5;
}

a.google {
background-color: #333333;
}

a.youtube {
background-color: #c8312b;
}

[blackdawg]

================closed=================

problem solved

[Tumbleweed]

Jul 25, 2015 4:34:31 GMT -8 blackdawg said:

================closed=================

problem solved

Glad you got it solved and I get how you were going about it now, didn't at the time, but curious what the issue was, if you don't mind telling me.

[blackdawg]

the issue Tumbleweed was that i didnt need the <ul> or <li> tag and i recoded the social icons to be better

[Tumbleweed]

Jul 25, 2015 17:10:32 GMT -8 blackdawg said:

the issue Tumbleweed was that i didnt need the <ul> or <li> tag and i recoded the social icons to be better

Thanks, not that I understand why the ul and li would prevent an image showing but the bottom line is you got it working and that is all that matters. Appreciate you responding.

[blackdawg]

Tumbleweed there was a issue between the ul li and the css and i didnt see it