I wish i knew more HTML

For a long while now, i have had some hyperlinked text at the top of my page named Link1 Link2 Link3 Link4

I first made them hyper link to various search engines, this was just a way of testing that it was possible to have hyperlink able text at the top of my page

I next went on to make them link to pages of my blog that i have back dated

Today i final decided to full integrate them into my blog by giving them the appropriate titles, however I have come across a problem

THEY ARE NOT SPACED OUT ENOUGH, and therefore are are totally unreadable, thus rendering them useless!

I was at one point using this piece of HTML code & n b s p ; which acts as a tab, however this leave and unsightly line between the words ( i still have it attached to "Link 4" at the top as a demo, go hover your mouse curse over "Link 4" to see what i mean)

I should imagine it is achievable to have these links spaced maybe by the way of using cell spacing or some kind of table

While writing this post I have now discovered the HTML code < p r e> < / p r e > which allows for pre formated text "Link 4" no longer has & n b s p ; attached to it so you can not demo it,

However as you can see now the font has gone wrong

This blog post is a plea for any HTML geniuses to help me out, if you know how have the links at the top spaced out, with ordinary text formating them please drop me a comment on this post

if this helps this is the HTML code that they use

<pre>



<center><h3><a href="http://lukeb3000.blogspot.com/2005/01/contact-me.html"><span style="color:teal;">Contact Me</span></a> <a href="http://lukeb3000.blogspot.com/2005/01/work-with-me.html"><span style="color:teal;">Work With Me</span></a> <a href="http://lukeb3000.blogspot.com/2005/01/hire-me.html"><span style="color:teal;">Hire Me</span></a> <a href="http://www.google.com/"><span style="color:lime;">Link 4</span></a>

</h3></center>





</pre>

Editing Blogger

Yesterday i experimented with editing the look of my blog using these tools

Mac Digital Colour Meter

Adobe Kuler

colorschemer.com

I used Adobe kuler to find colour schemes, then using the Apple Mac utility Digital Colour Meter I measured the RGB values. I then feed the RGB values in to colorschemer.com to get the hex value of the colour. Once i had the hex value of the colour, I then placed it into the HTML template of blogger.

This is probably the most convoluted way to this but it is the only way i know how to get my colour from kuler to hex value.

Getting to look at the HTML in the template has really helped me understand what all the elements in the template do. At some point i am wishing to edit the template (maybe adding an extra column, exclusively for links of tech websites and blogs that i enjoy reading)

Here are some of the colours I experimented with



Above is a picture of the blog with the original colours, i picked this template as i really liked the two column layout, but i was never a big fan of the colours



I then experimented with making things a bit brighter (more friendly and web 2.0-ish) I though i liked the brighter feel, i didn't think the colours suited each other, so i decided not to stick with this.



I next used Adobe Kuler and found a NES related colour scheme, (red, white, black and grey) at the time this colour scheme didn't appeal to me i thought i was a bit boring and not very exciting. Looking back now, i quite like it the colours they seem to fit well together and all though they are dark, i feel they lend a professional feel to the blog



I final choose to use the colour scheme shown in the picture above, again i feel it has a slightly web 2.0 feel, and the colours seem to compliment each other quite well


I would encourage anyone reading this post to comment it and let me know which colour scheme they thinks works best