How to add images in left sidebar?

[JTCycles]

Ive been searching the actinic community for an answer, however can't find a way to simply add an image in the left hand sidebar in our actinic website

Im using actinic 10 to make my website

If you need to see the website to give me an answer, here it is - http://www.cassellie.net

Thanks

[graphicz]

In design view, make sure outer layout for silver theme is selected:
Look at around line 79 for:

<div id="silver-main">
	<div id="silver-sidebar-left">

Immediately under put this code substituting your image filename where it says YOUR IMAGE FILENAME!

The coding is a bit of a dogs dinner but it gets the message across and will hopefully get you going. You should really put the styling in your/Actinic's css and give the spans and divs ids or classes:
You could then make the image filename a variable so you can change it in site options or section details or wherever.

If you don't understand this there are many designers in the forum who will be able to make design changes for you.

	<div class="silver-sidebar-list">
		<div class="silver-sidebar-list-bottom">
		<div class="silver-sidebar-list-top">
					<span style="	padding: 11px;"><img src="theme_shim.gif" height="5" alt="spacer"/></span>
<div align="center" style="border-bottom: dotted 1px #858585;
	padding: 5px 11px; margin:0 1px;	background: url('silver-theme-section-list-gradient.jpg') repeat-x;
	border-top: dotted 1px #858585;"><img src="YOUR-IMAGE-FILENAME.jpg"></div>
	<div style="clear: both;"><img src="theme_shim.gif" height="1" alt="spacer"/></div>
	
</div>
		</div>
		</div>
		<div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div>

[JTCycles]

In design view, make sure outer layout for silver theme is selected:
Look at around line 79 for:

<div id="silver-main">
	<div id="silver-sidebar-left">

Immediately under put this code substituting your image filename where it says YOUR IMAGE FILENAME!

The coding is a bit of a dogs dinner but it gets the message across and will hopefully get you going. You should really put the styling in your/Actinic's css and give the spans and divs ids or classes:
You could then make the image filename a variable so you can change it in site options or section details or wherever.

If you don't understand this there are many designers in the forum who will be able to make design changes for you.

	<div class="silver-sidebar-list">
		<div class="silver-sidebar-list-bottom">
		<div class="silver-sidebar-list-top">
					<span style="	padding: 11px;"><img src="theme_shim.gif" height="5" alt="spacer"/></span>
<div align="center" style="border-bottom: dotted 1px #858585;
	padding: 5px 11px; margin:0 1px;	background: url('silver-theme-section-list-gradient.jpg') repeat-x;
	border-top: dotted 1px #858585;"><img src="YOUR-IMAGE-FILENAME.jpg"></div>
	<div style="clear: both;"><img src="theme_shim.gif" height="1" alt="spacer"/></div>
	
</div>
		</div>
		</div>
		<div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div>

Thank you very much, I would have never achieved this without your help, I had a feeling it wouldnt be as simple as uploading an image to go in the sidebar.

[JTCycles]

Im having a small problem, which is probably quite simple for you to help me with.
if you look on the website http://www.cassellie.net/index.html The image isnt showing up and I have put the filename 'picture234' in the place you said to. Its a .jpg file which I made in microsoft paint.

[graphicz]

http://www.cassellie.net/acatalog/me...ar12343232.jpg yields an Easyspace holding page,

But

http://www.cassellie.net/acatalog/wattbike.jpg yields the correct image.

It seems like meridalogoforleftsidebar12343232.jpg is not in the Site folder???
OR
It is not an RGB image. If it is RGB 48 bit instead of 24 or some other colour format it won't display. Open it in your image editor and find somewhere that says image convert to 24bit rgb.
Maybe..
*********************
The full code for an image is:

<img src="meridalogoforleftsidebar12343232.jpg" width="xxx" height="yyy" alt="title of the picture - good for SEO" border="0" />

xxx and yyy are numbers, the width and height of the pic in pixels, but don't put px after the number. Eg: width="150" height="100"

Change "title of the picture - good for SEO" to something relevant.
************************
It may be a bit simple for you but if you need a basic guide to writing an html page there is one here:
http://www.graphicz.co.uk/writeawebpage.html

[graphicz]

That Easyspace holding page seems to be the 404 page not found page.
I suggest making a 404 page not found page as a brochure page wihin Actinic and using whatever means your hosting company offers for custom 404 pages to link to that page. If the Server is Linux you can use an .htaccess file with

ErrorDocument 404 http://www.cassellie.net/acatalog/not-found.html

in it or whatever you decide to call the not found page. Search for custom 404 and htaccess

[Paul Bulpit]

Have you added the image file to Additional Files so that it is uploaded?

Along the top of the program go to Design then Additional Files in the menu that appears. Click [Add] then browse to your local folder that contains the image file
meridalogoforleftsidebar12343232.jpg
click on the file then click [OK]

Jonathan you have the patience of a saint, but I fear may be over-complicating the issue!

[graphicz]

Yes. I was beginning to think that.

[JTCycles]

Thanks the additional file method worked, I think you did over complicate it jonathon, I havnt got a clue what you were talking about

Thanks

[JTCycles]

I am also wanting to add a clickable image in the left sidebar under the store information. Could you supply me with the stages and method to achieving this please.

Thanks

[Duncan Rounding]

Instead of this:
<img src="YOUR-IMAGE-FILENAME.jpg">
try this:
<a href="mylink.html" border="0"><img src="YOUR-IMAGE-FILENAME.jpg"></a>

[JTCycles]

@drounding I sorted out the image in the left sidebar, I would like to know how to add another image below the store information in the left sidebar, but make it clickable

[JTCycles]

I understand what you mean now @drounding, I will give it a try. thanks

[JTCycles]

I have it working with a link now, thanks for the help

[newshopbloke]

Thank you for this thread