HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


What causes the underscore between the icons?

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#74658 (In Topic #15537)
Avatar

Community saint

In my "Follow us on" block in the left panel, I have an underscore between the Facebook and Twitter icons. Given the following code, I could understand (and expected) that the two images would abut one another but what causes the underscore?



code

Code

<div class="standardbox_wrap_panel" style="border-top-width: 0px"><div class="standardbox_classic standardbox_t_panel" style="height: auto; width: 100%"><h4 class="standardbox_title_panel" style="border-top: 0px solid #8AA3C7">Follow us on</h4><br />
[center][url="http://www.facebook.com/xxxxxxxxxx" target="_TOP"][img param=""]http://www.xxxxxxxxxx.com/themes/default/images_custom/fb_logo_31.png[/img] [/url] [url="http://www.twitter.com/xxxxxxxxxx" target="_TOP"][img param="Follow xxxxxxxxxx on Twitter"]http://www.xxxxxxxxxx.com/themes/default/images_custom/twitter_logo_31.png[/img] [/url][/center]<br />
</div></div>

I have a similar situation in my forum signature block:



Code:

Code

[title="1"]Follow us on:[url="http://www.facebook.com/xxxxxxxxxx" target="_TOP"][img param=""]http://xxxxxxxxxx.com/themes/default/images_custom/fb_logo_31.png[/img][/url][url="http://www.twitter.com/xxxxxxxxxx" target="_TOP"][img param="Follow xxxxxxxxxx on Twitter"]http://xxxxxxxxxx.com/themes/default/images_custom/twitter_logo_31.png[/img][/url][/title]{$,page hint: no_wysiwyg}

If I ad non-breaking spaces to the forum sig, it just adds an underscore for each space. What causes the underscores?

Thanks for any help.

Bob
Back to the top
 
Posted
Rating:
#74663
Avatar

Honoured member

Those lines clickable….  seems like they're part of the link?
Back to the top
 
Posted
Rating:
#74665
Avatar

Community saint

Good catch!! They are part of the Facebook link for some reason.

At least I now have a place to start looking.

Thanks for your help.

Bob
Back to the top
 
Posted
Rating:
#74667
Avatar

Honoured member

Looks like you have some unnecessary spaces in the link code.
Back to the top
 
Posted
Rating:
#74669
Avatar

Community saint

Yeah, I cleaned up the spaces, changed the target from _TOP to _blank and added the title for the first image. This is the code now:

Code

[center][url="http://www.facebook.com/xxxxxxxxx" target="_blank"][img param="Follow xxxxxxxxx on Facebook"]http://www.xxxxxxxxx.com/themes/default/images_custom/fb_logo_31.png[/img][/url][url="http://www.twitter.com/xxxxxxxxx" target="_blank"][img param="Follow xxxxxxxxx on Twitter"]http://www.xxxxxxxxx.com/themes/default/images_custom/twitter_logo_31.png[/img][/url][/center]<br />
Here's where it gets weird to me: You see the tooltip is you hover over either icon but, if you hover over the underscore, you get no tooltip even though clicking on it opens the Facebook page. That at least further narrows it down.

I think this is a problem for tomorrow.

Bob
Back to the top
 
Posted
Rating:
#75150
Avatar

Community saint


Somehow, this issue of yours continued to 'niggle' away at my subconscious. Did a bit of ferreting using Chrome's Developer Tool (CTRL+SHFT+I) and came to this conclusion.

Change in global.css:
a:link, a:visited, a:hover, a:active {
text-decoration: underline;
}
to …
a:link, a:visited, a:hover, a:active {
text-decoration: none;
}

This will affect other links, so you'll need to either:
  • be specific for links in the side_panel
or
  • live with it (the global change, that is)

Any help?

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#75151
Avatar

It's white-space inside the HTML 'a' tag. Until recently only Opera rendered it, but I know now Chrome does also (presumably the standards say it should happen, even though it's rather silly IMHO).


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#75153
Avatar

Community saint

Fletch said

This will affect other links, so you'll need to either:
  • be specific for links in the side_panel
or
  • live with it (the global change, that is)

Any help?

 :thumbs:

Thanks for pursuing this, Fletch. I will live with it as it is not worth the effort to fix and I don't want to screw up other links.

@Chris-

Yes, it does seem silly but it's a standard.

Bob
Back to the top
 
Posted
Rating:
#75154
Avatar

Yes, it does seem silly but it's a standard.

I do agree :).


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: