Hello,
Have just gone public with my new website www.imagemapeditor.net which lets anyone create an image map with an easy to use wysiwyg editor.
The service lets you work with an online image or upload one for development purposes. You just select the parts of the image you want to link and decide where to link to and then press the HTML button which creates the source HTML ready for pasting into a web page.
You can also save and load image maps making it easier to make changes.
Theres a free 10 minute video explaining how to use it.
The underlying software is available for purchase by other web design companies. See the site for details.
Happy editing
Thursday, July 30, 2009
Tuesday, July 14, 2009
Writing valid HTML
If you want to check that your webpages are compliant with w3c standards visit
http://validator.w3.org/
I found quite a few errors on my new website http://www.imagemapeditor.net/
Ill list some of the things I learnt below.
http://validator.w3.org/
I found quite a few errors on my new website http://www.imagemapeditor.net/
Ill list some of the things I learnt below.
- Any link tags for external stylesheets must appear in the head section of the document
- All your input tags must be ended with />
- instead of using checked to check a radio button you must use checked="checked"
- Use <br/> instead of <br>
- use onsubmit instead of onSubmit in a form
Sunday, July 12, 2009
Creating table elements using span
Hello
This problem had me stumped for quite a while. Basically to create elements of a fixed width as you would my setting the size of a <td>
The solution to the problem lies in the css display property. Simply set the style property for your spans as display:inline-block;
ie
<span style="height:100px; width:100px; background-color:#FFCCFF; display: inline-block;" >test</span>
This will ceate an element that is 100px high and wide. Putting another span next to it will lay itself out like a table element.
This problem had me stumped for quite a while. Basically to create elements of a fixed width as you would my setting the size of a <td>
The solution to the problem lies in the css display property. Simply set the style property for your spans as display:inline-block;
ie
<span style="height:100px; width:100px; background-color:#FFCCFF; display: inline-block;" >test</span>
This will ceate an element that is 100px high and wide. Putting another span next to it will lay itself out like a table element.
Subscribe to:
Posts (Atom)
