Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

sound file again

3 views
Skip to first unread message

fulio pen

unread,
Aug 12, 2011, 10:17:30 AM8/12/11
to
Hello,

Please open the following page and click the speaker icon in it:

http://www.pinyinology.com/gr/test_sound.html

You will hear a sound in Chinese language for the word 'Albania'. The
code for this sound is from the following page. After opening it,
please move far down until seeing the 'Table V'. Listed in it are
several sound files. Clicking them. NONE are working. No sound comes
out at all.

http://www.pinyinology.com/gr/gr2.html

I am not able to find out what problem these sound files have. Code
for all of them is exactly same as the one in first page above.

Thanks again for your help.

fulio pen

123Jim

unread,
Aug 12, 2011, 12:05:13 PM8/12/11
to

<table id="table_v" align="left"> appears to be masked by <div
style="position:relative; left:10px;">

.. in theory you can bring the table to the front with:
z-index: 1000;
or similar.

fulio pen

unread,
Aug 12, 2011, 1:08:14 PM8/12/11
to

Thanks for help. Where is the z-index supposed to go? I place it at
the end of the following line, but it doesn't work.

#table_v {width:auto; height:auto; border-collapse:collapse; z-index:
1000;}

Please help again.

fulio pen

123Jim

unread,
Aug 12, 2011, 3:50:15 PM8/12/11
to

This is why I said 'in theory' I didn't get it to work on your page ...
However instead of trying to bring the table to the front, send the Div
containing the paragraph to the back like this:

<div style="position: relative; left: 10px; z-index: -100;">

123Jim

unread,
Aug 14, 2011, 2:52:32 PM8/14/11
to

If you don't wish to use z-index, you can move your table into the div
containing the <p>s . That will also make the links in your table
available for clicking.

Gus Richter

unread,
Aug 14, 2011, 7:22:51 PM8/14/11
to


Specifically for your specific problem outlined.

1.
Congratulations in choosing the HTML5 doctype, however, you loose points
in using old "align="left" (deprecated/obsolete) for your TABLE. Use
"float:left;" instead.

2.
For your desire to space the text away from the TABLE, you chose to
encompass the subsequent text in a DIV and to offset it with
"left:10px;" which of course you enabled with "position:relative;". This
Div and Attribute is the wrong approach and is not needed with 1. above.


So, do the following:
1.
Remove the DIV (with its closing tag) encompassing the text following
the TABLE, completely.
2.
Change <table id="table_v" align="left">
to <table id="table_v" style="float:left;margin-right:10px;">

where margin-right:10px; achieves your desire to space the text away by
that amount from the TABLE. Better yet, instead of the style attribute,
use the properties in your stylesheet.

--
Gus

0 new messages