esarantopoulos

Roblagatta,

Sorry for that but that was a long wait since we first posted to the forums and we couldn’t afford that but thank you for letting us know!

My bullets still appear even if I used “list-type: none;” Any thoughts? Here is my code:

div.sociable { margin: 10px 10px; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 12em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #000;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}

.sociable span {
display: block;

}

.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}

.sociable li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 2px;
}

.sociable ul li:before { content: “”; }

.sociable ul li {
background: none;
display: inline;
list-type: none;
margin: 0;
padding: 1px;
float: left;
}

.sociable img {
display: inline;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
display: inline;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}

.sociable-hovers:hover {
display: inline;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.sociable a:hover img {
display: inline;
margin: 0;
padding: 0;
}

.sociable a[href^=”http:”] {
display: inline;
padding-right: 0px;
background: transparent;
text-decoration: transparent;
}

I have the same problem, here is my code:

div.sociable { margin: 10px 10px; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 12em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #000;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}

.sociable span {
display: block;

}

.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}

.sociable li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 2px;
}

.sociable ul li:before { content: “”; }

.sociable ul li {
background: none;
display: inline;
list-type: none;
margin: 0;
padding: 1px;
float: left;
}

.sociable img {
display: inline;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
display: inline;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}

.sociable-hovers:hover {
display: inline;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.sociable a:hover img {
display: inline;
margin: 0;
padding: 0;
}

.sociable a[href^=”http:”] {
display: inline;
padding-right: 0px;
background: transparent;
text-decoration: transparent;
}

Any thoughts?