Table background

[IvanGabor]

I am very new and just discover the tools in Amaya. I tried to make a table-background and I cannot find the tool for this. How can I make a background colour or image for a table?

[Helder Magalhães]

Hi Ivan,


> How can I make a
> background colour or image for a table?

Well, after a set of quick experiments, I'd say you can:

1. Select the table element (best way seems to be place the cursor
within the table and afterwards click on "table" in the status bar
element navigation (for example "html > body > table");
2. And, depending on what you intend:
2.1. For setting a background color, simply select it in the "Style"
portion of the right tool set bar;
2.2. For setting a background image, use the "Style" menu, "Style
Editor..." option, "Colors" tab, "background-image" and other
"background-*" properties for tweaking appearance. Note that this
dialog also allows setting background color (it's more complete than
the more usual style stated in 2.1).

I'm not sure if there's a simpler way of doing this. The "trick" seems
to be in selecting the proper element to be styled: usually, when
using the cursor and/or mouse to navigate within the document, usually
you end up selecting leaf elements (such as the table cells,
paragraphs, etc.) instead of the container elements (tables, "div"
elements, etc.). ;-)


Hope this helps,
 Helder

[IvanGabor]

Thank you, Helder. I could set the color, but not the background image. I cannot find any "Style
Editor..." option. Where is it?

[Irene Vatton]

>
> Thank you, Helder. I could set the color, but not the background image. I
> cannot find any "Style
> Editor..." option. Where is it?

Click on the CSS button

>
> --
> View this message in context:
> http://www.nabble.com/Table-background-tp24884483p24892624.html
> Sent from the w3.org - www-amaya mailing list archive at Nabble.com.
>
>
>

[Helder Magalhães]

Hi everyone,


> I could set the color, but not the background image.

I realized that, although Amaya sets the appropriate CSS information
(one may confirm toggling "view source" and/or by opening the document
in other browser such as Firefox), there seem to be a couple of
issues:

1. The background image isn't rendered by Amaya, thereby becoming
somehow confusing (the style information is there but no visual
feedback is obtained);

2. The URI is not escaped as the standard [1] states it should,
thereby URI which contain spaces ("My image.png", for example) to fail
(at least in Firefox and Opera). A quick experiment confirmed that
placing a quote (optional [1]) around the URI helps avoiding escaping
the URL's special characters, although I'm not sure if that would be
conformant behavior.

3. When the image URI is absolute and comes from a local resource, the
file URI scheme [2] should be used ("file:///C:/My image.png" instead
of "C:/My image.png").

I haven't checked for the possibility of these could be regressions
from previous Amaya versions.


Hope this helps,
 Helder


[1] http://www.w3.org/TR/CSS2/syndata.html#uri
[2] http://en.wikipedia.org/wiki/File_URI_scheme

[IvanGabor]

I clicked on the Style button. There I can see Theme, text-colour, background-colour and different aligns. I cannot see any background-button.

[Helder Magalhães]

Hi Ivan,


> I clicked on the Style button. There I can see Theme, text-colour,
> background-colour and different aligns. I cannot see any background-button.

That's not the Style button but is the "Style tool" as stated in Amaya
user manual (obtained by pressing F1 or going to the "Help" menu,
"Amaya help..." option). See section 18, "Styling documents". The
Style button is known as "Style editor" in the documentation and is
the yellow button with the text "CSS", located in the main tool bar.
;-)

Please consider taking an overall look at the documentation in order
to become familiar with Amaya's features. :-)


Regards,
 Helder

[IvanGabor]

Ok, thank you, I see the style tool. I shall learn the manual. Is there any video-tutorial?