/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] image link problem

Copy linkTweet thisAlerts:
Dec 01.2009

Hi guys,

I have small problem on website I am working on you can see it [URL=”http://northiowafoodcritic.com”]here[/URL].

There is section in sidebar: Share and Enjoy, with images and on right side of images are lines from the links. I need to get rid of the links.

[ATTACH]13275[/ATTACH]

But if I remove them from main style sheet hay will disappear from all my links which I don’t wont.

[ATTACH]13276[/ATTACH]

The website is based on wordpress and the share think is a plugin.

Can you help me.

Thank you
Richard

[upl-file uuid=6b15f257-65b7-4df7-8d3e-93abb96895cb size=43kB]Screen shot 2009-12-01 at 11.54.38 AM.png[/upl-file]

[upl-file uuid=e1309f8d-3738-42c1-b2be-c7449e474345 size=16kB]Screen shot 2009-12-01 at 11.55.03 AM.png[/upl-file]

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@slaughtersDec 01.2009 — This line in your style.css is what causing the lines:[CODE].aside ul ul li {
[COLOR="Red"]border-bottom:1px solid #98BE62;[/COLOR]
padding:6px 4px;
}[/CODE]Get rid of the border-bottom and you problem should be solved.

To keep the lines on the bottom try adding this to the style sheet[CODE]#subsidiary ul ul li {
border-bottom:1px solid #98BE62;
padding:6px 4px;
}[/CODE]
Copy linkTweet thisAlerts:
@richard12345authorDec 01.2009 — Thank you for your replay.

I did what you suggested and it work only for the footer. The images will lose the line but also the navigation in sidebar.

I only need to get rid off the line in the images. I did play with it and still cannot figure it out.

here is the css what controls the images hope it help:

[CODE]div.sociable { margin: 10px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
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 ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: left;
width: 50px;
height: 50px;
border: 0 none;
margin: 8px;
}

.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
[/CODE]

Thanks again

Richard
Copy linkTweet thisAlerts:
@richard12345authorDec 02.2009 — Thanks for looking, I went different way and I think it looks better this way.

Thank again

Richard
×

Success!

Help @richard12345 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...