allows a blank space for title - creates no link (HTML/CSS testing)

[Make7]

Last edited Sat Jan 14, 2012, 11:33 PM - Edit history (69)

horizontal line test-----------------
[div style=width:100%;height:1.31em;border-bottom-style:ridge;border-bottom-width:2px;border-bottom-color:#cccccc;]
horizontal line test-----------------

horizontal line test2-----------------
[div style="width:100%; height:1.31em; border-bottom: solid 1px #999999;"]
horizontal line test2-----------------

single quote test
[div style='width:100%;height:15px;border-bottom:ridge 2px #666666;']
single quote test


[font style=font-size:1.23em;font-family:monospace;white-space:pre;]text text text text text text text[/font]
[font style='font-size: 1.23em; font-family:monospace;white-space:pre;']llll iiii OOOO ---- 0000 .... HHHH[/font]

anchor test
[div class="excerpt" id="145813location"]test link with #145813location


center image test

[div style=margin-left:auto;margin-right:auto;width:48px;]

[div style=text-align:center;]

post imitation test

[div class=excerpt style=margin-left:0em;border-style:solid;border-width:1px;border-color:#333333;border-bottom-style:none;background-color:#d8d8ff;]jberryhill[div style=float:right;text-align:right;font-size:0.85em;]Response to coalition_unwilling (Reply #3)[div style=height:4px;]4. Did you know we use the word "bathroom" for "toilet"?[div style=float:right;text-align:right;font-size:0.85em;]Sun Jan 1, 2012, 1:15 PM[div class=excerpt style=margin-left:0em;border-style:solid;border-width:1px;border-color:#333333;border-top-style:none;background-color:#f0f0ff;]Did you ever think about that?

Why do people say "I want to go to the bathroom?" They aren't going to take a bath, and they don't care if there is even a bath tub in the room.

Why don't people say "I want to go to the toilet" instead of bathroom.

Not only that, sometimes people say things like "I went to the bathroom in my pants". Now, think about that for a minute. That makes no sense. First off all, there is no bathroom in anyone's pants, so you can't go there. Secondly, people only say that when they DIDN'T go to a bathroom at all!

So, if someone says they have gone to the bathroom in their pants, I really have no idea what it is they mean by that.


[font style=font-size:0.85em;]http://www.democraticunderground.com/100299262#post3[/font]

anchor tag test ( <a href=...> ) failed

[a href=http://www.democraticunderground.com/11272866]testing[/a]
[div style=width:100%;height:1.31em;border-bottom-style:ridge;border-bottom-width:2px;border-bottom-color:#666666;]
other html tags test

<tt>[tt]testing teletype text[/tt]</tt>

<strong>[strong]bold[/strong]</strong>

<em>[em]italics[/em]</em>

<del>[del]strikethru[/del]</del>

<strike>strikethru</strike>

<code>[code]

text here

[/code]</code>

<samp>[samp]

text here

[/samp]</samp>

^10²

_A2C4₁₆

sup (style): 10[font style=font-size:0.77em;vertical-align:super;]2[/font] x 20

sub (style): 10[font style=font-size:0.77em;vertical-align:sub;]2[/font] x 20

<blockquote>

At the 800-meter Showa crater, which erupted in June 2006 for the first time in 58 years, 994 eruptions were observed last year. Two eruptions were observed at the Minamidake vent, at about 1,000 meters elevation, the Kagoshima Meteorological Observatory said.

The observatory warned the volcano in the middle of Kagoshima Prefecture is becoming increasingly active. But eruptions at the Showa crater are relatively small and no signs of imminent large eruptions have been observed, it added.

Mt. Sakurajima erupted 548 times in 2009 and 896 times in 2010, breaking the previous record of 474 times in 1985 for three consecutive years through 2011.

</blockquote>

<q>[q]At the 800-meter Showa crater, which erupted in June 2006 for the first time in 58 years, 994 eruptions were observed last year. Two eruptions were observed at the Minamidake vent, at about 1,000 meters elevation, the Kagoshima Meteorological Observatory said.

The observatory warned the volcano in the middle of Kagoshima Prefecture is becoming increasingly active. But eruptions at the Showa crater are relatively small and no signs of imminent large eruptions have been observed, it added.

Mt. Sakurajima erupted 548 times in 2009 and 896 times in 2010, breaking the previous record of 474 times in 1985 for three consecutive years through 2011.[/q]</q>


non-breaking space test

: sp : = :sp::sp::sp: test
& nbsp; =     test


quotes, ampersands and html entities test

style with quotes:

[div class="excerpt" style="border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc;"]testing

html entity open bracket: [


target="_blank" test

google


div table test

[div style="display: table; border: solid 3px #000;"][div style="display: table-row;"][div style="display: table-cell; background-color: #cccccc; border: solid 1px #fff; padding: 2px;"]cell #1[div style="display: table-cell; background-color: #cccccc; border: solid 1px #fff; padding: 2px;"]cell #2[div style="display: table-cell; background-color: #cccccc; border: solid 1px #fff; padding: 2px;"]cell #3[div style="display: table-row;"][div style="display: table-cell; background-color: #cccccc; margin: 10px;"]cell #100000[div style="display: table-cell; background-color: #cccccc; margin: 10px;"]cell #2000000000000000000000[div style="display: table-cell; background-color: #cccccc; margin: 10px;"]cell #300000


html entity break link, pic, video test (html entities are working for this - youtube vids need ? done also)


div display: inline test

testing [div style="display: inline; background-color: #e6e6e6;"]display: inline element


video link test (html entity for "/" creates link without embedding for all three video URL formats )

http://www.youtube.com/watch%3Fv=VyqzPu5pX6U

http://vimeo.com/%38947397


center text - best display property? (only block works - same as leaving undefined)

first line first line first line first line first line first line first line first line first line first line first line first line
[div style="text-align: center;"]this second line is centered
third line third line third line third line third line third line third line third line third line third line third line

sexy excerpt

[div class="excerpt" style="border: solid 1px #cccccc; border-radius:0.5385em; box-shadow: 5px 5px 5px #cccccc inset;"]Note: The box-shadow property attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional inset keyword. Omitted lengths are 0.

[div class="excerpt" style="border: solid 1px #cccccc;"]Note: The box-shadow property attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional inset keyword. Omitted lengths are 0.

[div class="excerpt" style="border: solid 1px #cccccc; border-radius:0.5385em; box-shadow: 3px 3px 3px #aaaaaa;"]Note: The box-shadow property attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional inset keyword. Omitted lengths are 0.

text highlighting

If you want to [div style="display:inline; background-color:#FFFF66;"]draw attention to a phrase within a sentence.

line break test

this is a[br /]test of the[br /]line break tag

center tag test

[center]this text goes in the middle[/center]

[Make7]

1. test

Last edited Sat Apr 14, 2012, 05:49 PM - Edit history (6)

[div name="html_lookup_table" id="html_lookup_table" style="text-align: center; color: #000099; font-size: 1.077em;"]Unofficial DU3 Basic HTML Reference Lookup Table[div style="font-size: 0.3077em;"]
[div style="display: table; width: 100%;"][div style="display: table-row; font-size: 0.7592em;"][div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"]Special Tags[div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]HREF link with text display[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][link:URL|Text]
URL should include the "http://".
Example: [link:http://www.democraticunderground.com|DU3][div style="display: table-row; font-size: 0.7592em;"][div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"]Text Formatting[div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Bold[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][b]Text[/b][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Italic[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][i]Text[/i][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Underline[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][u]Text[/u][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Strikethrough[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][strike]Text[/strike][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Non-breaking space[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"]&nbsp;[div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Line break[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][br /][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Centering (in a post)[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][center]Text[/center][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Centering (in a signature)[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][p class=post-sig style=margin-top:0px;text-align:center;]Text[/p][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Subscript[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][sub]Text[/sub][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Superscript[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][sup]Text[/sup][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Highlighting[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][div style="display:inline; background-color:#FFFF66;"]Text[/div][div style="display: table-row; font-size: 0.7592em;"][div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"]Blockquotes and Post Formatting[div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Create a styled, indented blockquote
(useful for posting excerpts from articles)[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; vertical-align:middle; padding: 2px;"][div class="excerpt"]Text[/div][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Create an indented blockquote
(without color background)[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; vertical-align:middle; padding: 2px;"][blockquote]Text[/blockquote][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Horizontal Line[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][hr][div style="display: table-row; font-size: 0.7592em;"][div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"]Font Tag[div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Font[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][font color="color" size="size" face="face"]Text[/font][div style="display: table-row; font-size: 0.7592em;"][div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"]Links, Images, and Videos[div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Hyperlink[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"]No tags needed - just type the URL starting with http://[div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Images[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"]No tags needed - just type the URL starting with http://
Images must be in gif, jpeg, or png format[div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Video Embedding
(YouTube and Vimeo only)[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"]No tags needed - just type the URL starting with http://
Examples:
http://www.youtube.com/watch?v=VyqzPu5pX6U
http://youtu.be/VyqzPu5pX6U
http://vimeo.com/8947397[div style="display: table-row; font-size: 0.7592em;"][div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"]Formatted List[div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Unordered Lists with <li>[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][ul]
[li]
[li]
...
[/ul][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Ordered Lists with <ol>[div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"][ol]
[li]
[li]
...
[/ol][div style="display: table-row; font-size: 0.7592em;"][div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"]Tables[div style="display: table-cell; color: #ffffff; background-color: #000000; border: solid 1px #000000;"][div style="display: table-row;"][div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #ffffff; vertical-align:middle; padding: 1px;"]Sorry, tables are not allowed [div style="display: table-cell; color: #000099; background-color: #e6e6e6; border: solid 1px #fff; padding: 2px;"]

[Make7]

3. testing characters that break links (and [link] tag links)

Last edited Mon May 30, 2016, 07:31 AM - Edit history (21)

normal links

http://www.democraticunderground.com/test_$_link
http://www.democraticunderground.com/test_(_link
http://www.democraticunderground.com/test_)_link
http://www.democraticunderground.com/test_*_link
http://www.democraticunderground.com/test_@_link

____________

link tag address (test one at a time - first broken link tag disappears all of them!)

test_link_tag_address

!
$
(
)
*
,
:
@

_____________

link tag text (test one at a time - first broken link tag disappears all of them!)

test__link_tag_text

$
*
+
@

^
`
{
|
}
‘
’
“
”

____________

fb video test:

[div class="fb-video" data-href="https://www.facebook.com/modrntv/videos/1648905172046332/" data-width="500"][div class="fb-xfbml-parse-ignore"]https://www.facebook.com/modrntv/videos/1648905172046332/

____________

twitter video test:

[blockquote class="twitter-video" data-lang="en"][p lang="en" dir="ltr"]A gorilla has been shot dead after a boy fell into its zoo enclosure. The 4-year-old is set to make a full recovery.t.co/9VSauoap7D

— Channel 4 News (@Channel4News) May 29, 2016

[Make7]

5. black link test - fake IE hard text shadow - IE specific CSS? - IE only message - IE excerpt

Last edited Wed Jan 23, 2013, 07:49 PM - Edit history (31)

eta: [div style="display:inline" title="name"] test

 
[div title="hover text" style="display:inline; cursor:pointer; background-color:#ffcc88;"]when cursor is placed over element...


testing [p class="post-options" style="display: inline; padding: 0px; background-color: #ffffff; font-size: 1em;"]testing

testing

(no space in code after </p> )


testing [div class="alerted-content" style="display:inline; padding: 0px; background-color:#ffffff;"]testing testing
testing [div class="footer" style="padding: 0px; margin: 0px; display:inline;"]testing testing
testing [div class="footer" style="padding: 0px; margin: 0px; display:inline; font-size:0.8462em;"]testing testing

(no space in code after </div> - works how I would expect)

[hr][div style="font-size:4em; word-break:hyphenate; color:#000000; filter: progid: DXImageTransform.Microsoft.Blur(MakeShadow='true', PixelRadius='3',ShadowOpacity='0.5');"]Crayon[div style="margin-top:-1.25em; margin-left: -1px; font-size:4em; word-break:hyphenate;"][font color="#CC0033"]C[/font][font color="#FF9900"]r[/font][font color="#FFF000"]a[/font][font color="#339900"]y[/font][font color="#0066CC"]o[/font][font color="#330099"]n[/font]
[div style="position:relative !important;font-size:4em;color:#cccccc;"]text goes here[div style="position:absolute !important; top:-1px !important; left:-1px !important;color:#666666;"]text goes here[div style="position:absolute !important; top:-2px !important; left:-2px !important;color:#000000;"]text goes here[div style="position:absolute !important; top:-3px !important; left:-3px !important;color:#0033ff;"]text goes here
[div style="font-size:4em; text-shadow: 2px 2px 2px #000000;"][font color="#CC0033"]C[/font][font color="#FF9900"]r[/font][font color="#FFF000"]a[/font][font color="#339900"]y[/font][font color="#0066CC"]o[/font][font color="#330099"]n[/font]
[hr]
[div style="background-color:#aaccff; color:#ff6633 \0/IE8+9; *background-color:#bbffaa;"]test background color
light blue background for normal browsers
text color red for IE8 and IE9
light green background for IE6 and IE7
[div style="background-color:#aaccff; background-color:#ffccaa\9; *background-color:#bbffaa;"]test background color
light blue background for normal browsers
light red background for IE8 and IE9
light green background for IE6 and IE7[hr]
[p class=post-sig style=display:none;display:block\9;]This only shows up in IE.[font style='color:#ffffff; color:#000000 \0/IE8+9; *color:#000000;']Please stop using Internet Explorer[/font]
_____________________________________________

This creates a drop shadow in IE (maybe add a CSS drop-shadow in last div to make it work for all browsers).

[div style="position:relative !important; background-color:#transparent; border:1px solid transparent; padding: 5px; overflow: visible !important;"]That is preventing a horizontal scroll bar to view thread listings off the right edge of the screen. I don't know when they put that in there, it wasn't there when I did my User Style Sheets shortly after the DU3 launch.

People can always put a div.twocol-main { overflow: visible !important; } entry into a User Style Sheet to bring back the scroll bars. Hopefully, that won't mess up whatever they added that to fix.[div style="position:absolute !important; background-color:#e6e6e6; border:1px solid transparent; padding: 5px; color: transparent; filter:progid:dxImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=8); overflow: visible !important;"]That is preventing a horizontal scroll bar to view thread listings off the right edge of the screen. I don't know when they put that in there, it wasn't there when I did my User Style Sheets shortly after the DU3 launch.

People can always put a div.twocol-main { overflow: visible !important; } entry into a User Style Sheet to bring back the scroll bars. Hopefully, that won't mess up whatever they added that to fix.[div style="position:absolute !important; background-color:#e6e6e6; border:1px solid #bfbfbf; padding: 5px; overflow: hidden !important;"]That is preventing a horizontal scroll bar to view thread listings off the right edge of the screen. I don't know when they put that in there, it wasn't there when I did my User Style Sheets shortly after the DU3 launch.

People can always put a div.twocol-main { overflow: visible !important; } entry into a User Style Sheet to bring back the scroll bars. Hopefully, that won't mess up whatever they added that to fix.

[Make7]

6. testing table for IE and Safari - plus hide scroll bars in overflow element

Last edited Sun Jun 24, 2012, 04:15 PM - Edit history (11)

[div 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; background-color:#e0e0e0;"] ASCII character [div style="display:table-cell; border-bottom: 1px solid #bfbfbf; text-align:center; padding:0.2em; background-color:#e0e0e0;"] 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 style="width:100%; border-bottom: 1px solid #999999;"]

(Note: <a> tag isn't allowed on DU3, so this won't work for picture gallery or question/answer reveal)

FIXED ELEMENTS:

[div style="width:480px; height:240px; overflow:scroll"][div style="postition:relative !important; top:-240px !important; left:455px !important; width:30px; height:220px; z-index:100 !important; background-color:#333333;"][div style="postition:relative !important; top:-240px !important; width:485px; height:30px; z-index:101 !important; background-color:#333333;"]
ONE ELEMENT WITH BORDERS (will IE work the same way?):

[div style="width:480px; height:240px; overflow:scroll"][div style="postition:relative !important; top:-240px !important; width:455px; height:220px; z-index:100 !important; border-right: 30px solid #cccccc; border-bottom: 30px solid #cccccc;"]
where does this end up