Help needed on "home page"

[skysolutions]

Can someone please tell me in which template I have to amend which number in the html to make the text on our opening page spread a bit more?

www.skysolutions.co.uk

Thanks in advance!

[I-CC]

This looks like it is down to the Fragment layout you have selected.

Go into the Home pages fragment, i.e. where your text is and cut (Control X) the biggest portion of it away.

Then, right click on your current fragment and add another fragment, but in the layout select the Text only layout, and in the main area then paste (Control V) your text back in.

This will then place the bulk of your text beneath the image and spread across the page width.

Obviously with some playing around you can adapt it using the fragments within the home page as you want in time and trial and error.

Hope this helps.

[skysolutions]

All that makes sense, and now that I know what a fragemt is, it has opened up my eyes a bit. Now the next problem I have is on our homepage, I have added some logo's of the manufacturer's that we supply, but they all appear in one list. Now I know I can edit the layout's html code and align left, right and center, but how can I place let's say 3 of the newly created fragments next to eachother opposed to underneath eachother?

Thanks in advance.

[I-CC]

Fragments by design go one under the other, although there are tweaks that can be applied under Normans code which allows for fragments side by side in columns, but the easiest way for this would be something as follows:

!!<
<A HREF = "http://www.ocztechnology.com/" TARGET="_self"><IMG SRC="OCZ.jpg" ALT="Supply9" BORDER=0 HEIGHT=100 WIDTH=100></A>

<A HREF = "http://www.agneovo.com/" TARGET="_self"><IMG SRC="Neovo.jpg" ALT="Supply8" BORDER=0 HEIGHT=100 WIDTH=150></A>

<A HREF = "http://www.maxtor.com/" TARGET="_self"><IMG SRC="Maxtor.jpg" ALT="Supply7" BORDER=0 HEIGHT=100 WIDTH=145></A>

<A HREF = "http://welcome.hp.com/country/uk/en/welcome.html" TARGET="_self"><IMG SRC="hp.jpg" ALT="Supply6" BORDER=0 HEIGHT=100 WIDTH=121></A>

<A HREF = "http://www.nvidia.com/page/home" TARGET="_self"><IMG SRC="geforce_official.jpg" ALT="Sypply5" BORDER=0 HEIGHT=100 WIDTH=100></A>

<A HREF = "http://www.creative.com" TARGET="_self"><IMG SRC="Creative2.jpg" ALT="Supply4" BORDER=0 HEIGHT=100 WIDTH=125></A>

<A HREF = "http://www.ati.com" TARGET="_self"><IMG SRC="ati.jpg" ALT="Supply3" BORDER=0 HEIGHT=100 WIDTH=142></A>

<A HREF = "http://www.asrock.com/index_english.html" TARGET="_self"><IMG SRC="asrock_logo.jpg" ALT="Supply2" BORDER=0 HEIGHT=100 WIDTH=140></A>

<A HREF = "http://www.acer.co.uk" TARGET="_self"><IMG SRC="Acer.jpg" ALT="Supply1" BORDER=0 HEIGHT=100 WIDTH=187></A>
>!!

Which I took from your page source code and amended slightly.

Must note that doing it this way will not show the images in preview mode unless you have copies of them within the PreviewHTML folder and you must also add the files to the Advanced | Addtional Files directive for the software to upload (try it without first just incase you have them referenced elsewhere in the sofwtares sections and products).

[I-CC]

You include that code within the Fragment text area.

So, create a fresh fragment which is using the layout Text only and then paste the above code directly into the fragment text entry area within the software itself.

That should then do it.

[skysolutions]

You are good! All I have now is one last niggly question, how can I make sure that when I click on a picture on the homepage, it opens a new broswer window?

Your help is most appreciated!

[I-CC]

Change the TARGET="_self" to TARGET="new_name"

If you give each its own name, then that will ensure that all open in an individual windows, or call them all the same to set a separate same window.

[skysolutions]

Thanks guys!

[I-CC]

Further to your msg to us, to add more links simply add more:

<A HREF = "http://www.DOMAIN.TLD" TARGET="mywindow"><IMG SRC="IMG.jpg" ALT="ALT TEXT" BORDER=0 HEIGHT=XXX WIDTH=XXX></A>

Change the domain.tld to the new domain to link to.

IMG.jpg to the new image filename.

ALT TEXT to text to show when mouse is placed over the image.

XXX to reflect the images real height and width.

Make sure that this is contained within the !!< content links >!! tags..

[skysolutions]

I have tried what you suggested, but the picture is not showing what ever I try. The code looks like this:

<A HREF = "http://http://msicomputer.co.uk/" TARGET="new_name"><IMG SRC="msi.jpg" ALT="text" BORDER=3 HEIGHT=60 WIDTH=180></A>

As well as this I have tried creating a new fragment using an image only and entering that as a tag, but problem still remains.

Any ideas?

[I-CC]

Your code for the link is:

"http://http://msicomputer.co.uk/"

Delete the extra http:// so that it is (and maybe add in the www if required):

"http://www.msicomputer.co.uk/"

Also, ensure that the image is added to the Additional Files directive so that it gets uploaded, unless it is used elsewhere in the site and auto uploaded by Actinic already.

Dont forget to see it during preview in this type of solution, you would have to have the image in the PreviewHTML folder of your PC also.

[skysolutions]

AHA! you cracked it! but, boohoo, the border is different colour and no space between images??

Hellup!

[cdicken]

The border color just uses your 'Link' colours for normal and 'Visited' links as set in 'Design | Colours'. Once you have clicked on one of the images, it will change the border color unless you set 'Link' and 'Visited Link' to be the same colour.

For the spacing, add

hspace="2"

into the <img> tags for your images.

[skysolutions]

Thank you very much for that Chris. Just what I was looking for