HomeLatest ThreadsGreatest ThreadsForums & GroupsMy SubscriptionsMy Posts
DU Home » Latest Threads » Forums & Groups » Main » Community Help (Forum) » Problems with links and t...

Sun May 27, 2012, 03:25 PM

Problems with links and the [link: | ] tag? What to do to fix them.

Last edited Mon Sep 9, 2013, 09:44 PM - Edit history (2)

[p class="post-edited" style="margin-top:-1.5em;"]Updated to reflect the issues that have been resolved

[div id="chars_in_normal_links" style="font-size: 1.4615em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"]Normal Links

Let's start with normal links copied (or typed?) into a post like this one:

[div style="margin-left:1.5em;"]http://www.democraticunderground.com/

Normally those work just fine, but there are a few characters when included make them incomplete. For example:

[div style="margin-left:1.5em;"]http://en.wikipedia.org/wiki/Democratic_Party_(United_States)

The solution is to use the URL encode equivalent of those characters - like this for the previous example:

[div style="margin-left:1.5em;"][font style="color:#000099;"]http://en.wikipedia.org/wiki/Democratic_Party_[font style="color:#ffffff; background-color:#3366cc;"]([/font]United_States[font style="color:#ffffff; background-color:#3366cc;"])[/font][/font]
[div style="margin-left:1.5em;"][font style="color:#000099;"]http://en.wikipedia.org/wiki/Democratic_Party_[font style="color:#ffffff; background-color:#3366cc;"]%28[/font]United_States[font style="color:#ffffff; background-color:#3366cc;"]%29[/font][/font]
Which should give us a working link to the page:

[div style="margin-left:1.5em;"]http://en.wikipedia.org/wiki/Democratic_Party_%28United_States%29

The characters that seem to be problematic in normal links are:

[div id="chars_in_normal_links_table" style="display:table; margin-left:1.5em; border: 1px solid #bfbfbf; border-top:none; border-radius: 0em 0em 0.3846em 0.3846em; box-shadow: 3px 3px 3px #e0e0e0;"][div style="display:table-caption; background-color:#333333; color:#ffffff; border-radius: 0.3846em 0.3846em 0em 0em; text-align:center; padding:0.2em; box-shadow: 3px 3px 3px #e0e0e0;"] Problem characters in normal links [div style="display:table-row; background-color:#e0e0e0;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"] ASCII character [div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"] URL encode equivalent [div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]<space>[div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]%20[div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]$[div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]%24[div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]([div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]%28[div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"])[div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]%29[div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]*[div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]%2A[div style="display:table-row;"][div style="display:table-cell; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]@[div style="display:table-cell; text-align:center; padding:0.2em;"]%40

[div id="secure_links" style="font-size: 1.4615em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"]Secure Links  ( https:// )
Another issue with normal links is that DU3 seems to not like secure [font style="color:#000099;"]https://[/font] links and converts the web address back to [font style="color:#000099;"]http://[/font] links. This can be resolved by using the [font style="color:#000099;"][link:|][/font] tag - it will retain the [font style="color:#000099;"]https://[/font] portion of the link.


[div id="the_link_tag" style="font-size: 1.4615em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"]The [link: | ] Tag
Which brings us to the final issue - the [font style="color:#000099;"][link:<web address>|<text>][/font] tag. First thing to verify is that you are including [font style="color:#000099;"]http://[/font] if the web address does not start with [font style="color:#000099;"]www[/font]. The next thing to check is if you are using any characters that are known to cause issues (the most notable issue being the intended link disappears altogether!). There are two parts to this problem: characters in the web address, and characters in the text. (UPDATE: almost all of the problem character issues have been fixed!)


[div id="chars_in_link_address" style="font-size: 1.4615em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"]The [link: | ] Tag  (web address)
For characters in the web address, the solution is also to use their URL encode equivalent (same procedure as above). The ones that seem to cause issues are:

[div id="chars_in_link_address_table" style="display:table; margin-left:1.5em; border: 1px solid #bfbfbf; border-top:none; border-radius: 0em 0em 0.3846em 0.3846em; box-shadow: 3px 3px 3px #e0e0e0;"][div style="display:table-caption; background-color:#333333; color:#ffffff; border-radius: 0.3846em 0.3846em 0em 0em; text-align:center; padding:0.2em; box-shadow: 3px 3px 3px #e0e0e0;"] Problems in [link:<web address>|] [div style="display:table-row; background-color:#e0e0e0;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"] ASCII character [div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"] URL encode equivalent [div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]<space>[div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]%20

[div id="chars_in_link_text" style="font-size: 1.4615em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"]The [link: | ] Tag  (text)
For the characters in the text portion causing issues, the easy workaround is to simply reword the text to avoid using the problem characters. If you are really intent on using one of the problem characters, it can be done. The way to get text characters causing issues to show up is to use HTML entities - these will display the character when posted without the DU3 software seeing it as the character (which would break the link). Known characters causing problems:

[div id="chars_in_link_text_table" style="display:table; margin-left:1.5em; border: 1px solid #bfbfbf; border-top:none; border-radius: 0em 0em 0.3846em 0.3846em; box-shadow: 3px 3px 3px #e0e0e0;"][div style="display:table-caption; background-color:#333333; color:#ffffff; border-radius: 0.3846em 0.3846em 0em 0em; text-align:center; padding:0.2em; box-shadow: 3px 3px 3px #e0e0e0;"] Problems in [link:|<text>] [div style="display:table-row; background-color:#e0e0e0;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"] ASCII character [div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"] HTML entity equivalent [div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"][[div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]&#91;[div style="display:table-row;"][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]][div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em;"]&#93;
The drawback to using HTML entities is that you can't submit your final post from the preview screen, you have to hit the back button on your browser to post from the pre-previewed window with the HTML entities still present. Also in order to edit a reply/OP with HTML entities after it is actually posted to the board, they will all have to be edited back in.

Feel free to reply with other problems (or when some of these get fixed) and I will update accordingly.

17 replies, 9247 views

Reply to this thread

Back to top Alert abuse

Always highlight: 10 newest replies | Replies posted after I mark a forum
Replies to this discussion thread
Arrow 17 replies Author Time Post
Reply Problems with links and the [link: | ] tag? What to do to fix them. (Original post)
Make7 May 2012 OP
gkhouston May 2012 #1
RainDog May 2012 #2
Jamastiene Jun 2012 #3
Make7 Jul 2012 #4
UnrepentantLiberal Jul 2012 #5
REP Jul 2012 #6
Make7 Jul 2012 #7
REP Jul 2012 #8
hunter Aug 2012 #10
Make7 Aug 2012 #11
hunter Aug 2012 #12
Make7 Aug 2012 #13
hunter Aug 2012 #14
hunter Aug 2012 #9
freshwest Feb 2013 #15
hunter Apr 2013 #16
steve2470 Jun 2013 #17

Response to Make7 (Original post)

Sun May 27, 2012, 09:11 PM

1. Bookmarking; thanks! n/t

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Mon May 28, 2012, 03:53 AM

2. you're just wonderful.

that is all.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Mon Jun 4, 2012, 12:36 PM

3. I love stuff like this.

I miss making web pages and coding in HTML.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Mon Jul 16, 2012, 04:49 PM

4. Kicking because I saw a few link related questions...

... that are answered in this opening post.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Tue Jul 17, 2012, 09:20 AM

5. That is awesome.

 

I used to love playing with basic HTML.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Tue Jul 17, 2012, 07:24 PM

6. I found that changing a + to %2B worked just fine (hex)

Reply to this post

Back to top Alert abuse Link here Permalink


Response to REP (Reply #6)

Tue Jul 17, 2012, 08:25 PM

7. I thought that the plus sign was working in the [link] tag when I posted this OP.

Apparently I was mistaken, I'll add it to the [link:<web address>|] chart.

Thanks.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Reply #7)

Tue Jul 17, 2012, 09:04 PM

8. Stuff changes almost hourly!

When I tried to use link, nothing showed - I switched out the + for hex et voila! Linkage!

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Reply #7)

Sat Aug 18, 2012, 12:07 PM

10. The ASCII dash or minus sign stopped working too...

It's %2D

Reply to this post

Back to top Alert abuse Link here Permalink


Response to hunter (Reply #10)

Sat Aug 18, 2012, 12:35 PM

11. It seems to work for me.

the-grand-unified-theory-of-romney-taxation

Using IE9 on Windows 7 right now. What link (and text) were you having the issue with? Omit the http:// to prevent the software from making it a link and I'll see if I can determine the issue.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Reply #11)

Sat Aug 18, 2012, 01:23 PM

12. It was wikipedia

http://en.wikipedia.org/wiki/Eastern_span_replacement_of_the_San_Francisco_-_Oakland_Bay_Bridge

It works with the raw address, but using it for "link" fails unless I use %2D for the hyphen

Oakland Bay Bridge





Reply to this post

Back to top Alert abuse Link here Permalink


Response to hunter (Reply #12)

Sat Aug 18, 2012, 03:36 PM

13. I'm stumped - it works for me.

Using this:

[div style="margin-left:1.5em; color:#000066;"][link:http://en.wikipedia.org/wiki/Eastern_span_replacement_of_the_San_Francisco_-_Oakland_Bay_Bridge|Oakland Bay Bridge]

Gives me this:

[div style="margin-left:1.5em;"]Oakland Bay Bridge

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Reply #13)

Sat Aug 18, 2012, 04:19 PM

14. This wouldn't be the first time DU has trouble with Opera.

On firefox and chrome, no problem.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Fri Aug 17, 2012, 05:04 PM

9. kick


Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Thu Feb 21, 2013, 04:46 PM

15. Answering to get back to you. I have a beautiful picture that I can't get to show up. Will return.

Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Fri Apr 26, 2013, 03:59 PM

16. Kick for new users...


Reply to this post

Back to top Alert abuse Link here Permalink


Response to Make7 (Original post)

Mon Jun 3, 2013, 03:35 PM

17. k&r, thank you so much Make7 nt

Reply to this post

Back to top Alert abuse Link here Permalink

Reply to this thread