Spacing banners in main header/footer

[cannyfradock]

ukwoodfiredovenforum.proboards.com/index.cgi

Would some kind soul please tell me how to put a space between the 2 banners in the main header of my forum. This is the first time I have managed MYSELF to do some html coding. I've managed to put a hyperlink image of my clay oven building courses alongside my forum sponsor (Kiln Linings).....Please excuse my ignorance but I can't find a way of putting a nice space between the 2 banners......help please.

Terry

p.s....Please give advice in idiot mode as I am very new to html coding.

p.p.s...this is the coding used....

<left><a href="http://www.kilnlinings.co.uk/" target="_blank"><img src="http://img27.imageshack.us/img27/6555/logo75px.gif" /></a></left>           <right><a href="http://www.celticwoodfiredovens.com/Clayovenbuildingcourses.html" target="_blank"><img src="http://img705.imageshack.us/img705/3870/ccoschoolrado.png" /></a></right>

[Tumbleweed]

Left and right like you have them is not proper html but I can see why you'd think it would be. Try this:

<center>
<div style="width: 700px;">
<a href="http://www.kilnlinings.co.uk/" target="_blank"><img src="http://img27.imageshack.us/img27/6555/logo75px.gif" align="left" style="margin-right: 20px;" /></a><a href="http://www.celticwoodfiredovens.com/Clayovenbuildingcourses.html" target="_blank"><img src="http://img705.imageshack.us/img705/3870/ccoschoolrado.png" algin="right" /></a>
</div>
</center>

The bold is what I added after taking away the left/right things you had. In that first image I have...

margin-right: 20px;

...and that put the amound of space you want between the images.

[cannyfradock]

Many thanks Tumbleweed.

I decided to play it safe.....and lazy, and copy and paste your html coding. It appeared with the banners one on top of the other. I tried tweaking it but it still produced the 2 banners sort of central...one below the other. I then tried to include the " margin-right: 20px;" bit into the old html coding. This worked great with perfect spacing between the 2 banners on the same line but the "margin-right: 20px;" remained as text between the 2 banners. This is now how it looks... ukwoodfiredovenforum.proboards.com/index.cgi ....and this is how the coding appears...

<left><a href="http://www.kilnlinings.co.uk/" target="_blank"><img src="http://img27.imageshack.us/img27/6555/logo75px.gif" /></a></left>style="margin-right:20px;"<right><a href="http://www.celticwoodfiredovens.com/Clayovenbuildingcourses.html" target="_blank"><img src="http://img705.imageshack.us/img705/3870/ccoschoolrado.png" /></a></right> 

If I understood the html coding prodecedure (I am trying to learn via a school programme on-line) I could work this out.....unfortunately I am still stuck in the "thick as dookie" mode. Perhaps one day I will get the gist of this, but until then could you help me out one step further please....is there an easy fix to remove the visible html text from between the banners?

I truly appreciate your help.

Terry

 

[Tumbleweed]

I feel about javascript like you feel about html. lol

Oh whoops, sorry. Didn't cross-browser check it and I had an error anyway and plus the width I had wasn't wide enough. Try this now, it is cross-browser checked in IE, FF and Chrome (the only browsers I use):


<center>
<div style="width: 800px; height: 124px; text-align: left;">
<a href="http://www.kilnlinings.co.uk/" target="_blank"><img src="http://img27.imageshack.us/img27/6555/logo75px.gif" align="left" style="float: left;padding-right: 20px;" /></a><a href="http://www.celticwoodfiredovens.com/Clayovenbuildingcourses.html" target="_blank"><img src="http://img705.imageshack.us/img705/3870/ccoschoolrado.png" align="right" style="float: right;" /></a>
</div>
</center>


Sorry about that.

A great place to learn html and css like above is here: (That's where I'm trying to learn javascript but I end up thinking about everything but what I should be thinking about. ha ha

www.w3schools.com/html/default.asp

[cannyfradock]

Tumbleweed

He presto.....as if like magic I have 2 "hyperlinked" logos.....with perfect spacing on my forum...

ukwoodfiredovenforum.proboards.com/index.cgi 

Many thanks for all your help. I've learned a little more on html coding just by your last couple of posts.....and that link to a site for coding html is brilliant.

Terry

[Tumbleweed]

Ha ha, I just spend about a hour reading on your site. Oh my gosh, the work you guys put in to build those ovens is amazing.  I've taken on big projects before but I think that would be beyond me but it won't stop me from dreaming. I'm so hungry for pizza now.

Anyway, glad I could help ya out.