Help
Html Element
This is necessary to create
something with this Free Tool, you can choose:
Span
(used for text formatting)
Div (formally a layer that can contain almost all
inside)
Image (that you can change it's size,
position and borders) or a
Table (that can be used to make columns and
rows to organize things).
Element ID
This is very
important to obtain the Css code, without this your
element will not be formatted.
You cannot use spaces, special characters and this
cannot start with numbers.
Element Content
If you write
some text, you will be able to format it in the case of text
containers.
If you choose an Image, then the text you
write will be used for the Title and Alt attributes.
Colors
You can specify colors
for the Background, Text and
even the borders of your Html Element.
If you choose a Border Color, then do not
forget to also specify the Border Size and Style.
When using the Color Picker, left click, and
drag with your mouse until you find the colour you want.
Element Size
Is good that you
specify the Width and the Height of your element.
Border Size and Border Style are only necessary if you wish
your Element to have Borders, in this case do not
forget to also specify the Border Color, if you want to see
the real result.
Element Margins
If you need to
push your Element from the Top and Left
or if your Element is big and you do
not want it to be near the right and
bottom limits of the web page, will be good to specify
Margins.
This will not work with Span Elements.
Element Padding
When you want to
push the Text or content inside an Element Container, like a
Div or Table
You can specify how much far from the Top,
Right, Bottom and Left
you want.
You can also do this with Spans and
Images but the result will be a bit different.
Element Text
This is the
Text you will write inside the Element Container, witch
you can format.
This wont work with images.
Table Options
If you choose a
Table, you will be able to set how much Rows and Columns your
table will have.
If you wish, you can also show Borders in the Columns and
Rows with the same values of your table.
Image Options
Here you will be
able to paste the location of the chosen image, so you can
change it the way you
want, you will also preview the image with the changes you
made.