Saturday, 24 May 2008

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


<center><h3><a href=""><span style="color:teal;">Contact Me</span></a> <a href=""><span style="color:teal;">Work With Me</span></a> <a href=""><span style="color:teal;">Hire Me</span></a> <a href=""><span style="color:lime;">Link 4</span></a>




Sam said...

Hi Luke,
I'm not quite sure what you are wanting, as the links are spaced evenly across the page. To me it looks like this: [link].
If you want to change the font of the links to Arial you need to change your span tags to this:

<span style="color:teal; font-family:arial;">Contact Me</span>

You can change Arial to whichever font you prefer.

If you need more help, feel free to let me know :)


Luke Beaumont's Design for Digital Media Blog said...

Hey Sam, turns out you are a legend and a HTML genius !

Im glad to see your still reading my blog, since I spoke to you about g-cal

(i now have all my work in order thanx to your advice about using g-cal, in fact come to think of it i should probably write up a post about how i use g-cal and how it helps me)

I'm only on the internet for a few minutes, but want to say thanx for the help, I have quickly tried out what you said and it works a treat, i'm going to try to tweak it a little further to get it just right, when i have some more time later tonight

And (although i already sort of knew, but you telling me has now reinforced it) i now realize that you add controlling elements between the < span > tags, such as colour, hight, width, size, font, (im sure there are many more i do not yet know of)

I plan on adjusting the amount of white space between the header, the links and the blog as the spacing is too much at the moment, although i'm not 100% sure i can adjust it too much as i think the fame the links are in is just a default size. (i am thinking though that I can remedy it increasing the text size which will take up some of the white space at least)

I keep having a look over at your blog, have you specialized in web design in your second year? Im thinking of taking that as my speciality next year (im also interested in doing video / viral content for my second year so a little undecided at the moment)

Thanks for the help, i will try let you know how it all works out in the end :)

Sam said...

:) Glad to be of service!

I highly advise writing a post about your time management, it's good to get into the habit of planning everything and documenting it.

Using span tags in this way is actually in-line formatting, and everything after the style attribute is CSS. CSS is the best way to customise and style blogs and website - It means rather then typing <span style="font-family:arial;"> before every link, you can label each link and have the CSS elsewhere, so if you want to change the font of everything, you only have to change it in one place. I reccommend looking into CSS if you want to develop your web design skills.

Partway through the second year, you have to decide if you are interactive design [web, flash etc] or moving image [3D, video etc]. Yes I've specialised in web design, particularly the coding aspect [HTML and CSS]. I reccomend it, although it can be fustrating!

Sam :)

Clicky Web Analytics