Help with Website Code

Meysha · Oct 14, 2008

Hi Everyone,
I need some help with changing the code a bit on my site www.travellingphotographers.com

I want to add some simple text links to the bottom of the page - ie: nothing to do with the flash - but the links will need to be directed to a mini gallery I've made in another directory of my domain.

Here's the code for my front page:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="travelling photographers, real estate, real estate photographers, selling house, photos, house photos, brisbane, photographer, portrait photographer, commercial photographer, text/html; charset=iso-8859-1" />
<title>Travelling Photographers - Real Estate Photography, Brisbane</title>
</head>
<body bgcolor="#000000">
<div align="center">




<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="770" height="650" id="main" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="main.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="main.swf" quality="high" bgcolor="#000000" width="770" height="650" name="main" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>

Where would I enter in this code?:

Please click here to <a href="http://www.travellingphotographers.com/launchnight/index.htm">view Launch Night photos. </a>

Every time I try to put it in somewhere it makes the flash part of the website dissappear. :-(
Thanks for any help you can offer.

Thanks
- Vicky

Chris of Arabia · Oct 14, 2008

I tried dropping it in after the closing DIV tag as below:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="travelling photographers, real estate, real estate photographers, selling house, photos, house photos, brisbane, photographer, portrait photographer, commercial photographer, text/html; charset=iso-8859-1" />
<title>Travelling Photographers - Real Estate Photography, Brisbane</title>
</head>
<body bgcolor="#000000">
<div align="center">




<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="770" height="650" id="main" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="main.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="main.swf" quality="high" bgcolor="#000000" width="770" height="650" name="main" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
Please click here to <a href="http://www.travellingphotographers.com/launchnight/index.htm">view Launch Night photos. </a>
</body>
</html>

It's really difficult to tell how it will work though as I don't have a copy of the SWF to try and play around with, but it does look as though the link pitches up in roughly the place you're after.

Paul M · Oct 14, 2008

I would do this (the last 3 lines in your code):

<p align="center"> <a href=http://www.travellingphotographers.com/launchnight/index.htm target="_blank">View Launch Night photos</a></center>
</body>
</html>

The tag target="_blank" opens a new window for this page without taking the viewer away from your original site.

Chris of Arabia · Oct 14, 2008

Or we could talk CSS and get rid of all that align=center nonsense...

duncanp · Oct 14, 2008

mmm css... define it a width and margin:0 auto; but thats over complicated

Paul M · Oct 14, 2008

Chris of Arabia said:
Or we could talk CSS and get rid of all that align=center nonsense...

Try putting this in your test.CSS file (or whatever name you give it):

link {
}
.newStyle1 {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
color: #FF0000;
visibility: visible;
overflow: auto;
display: inline;
float: none;
cursor: crosshair;
clear: both;
position: absolute;
z-index: auto;
width: auto;
height: auto;
top: auto;
right: auto;
bottom: auto;
left: auto;
list-style-type: none;
}

but remember, the last 3 lines of code in the HTML file will still be:

<a href="http://www.travellingphotographers.com/launchnight/index.htm" target="_blank" style="position: relative; width: auto; left: 50%; bottom: auto; right: 50%; z-index: auto">
view Launch Night photos. </a>quote]

and at the top of your HTML code (above the </head> tag) you must include a line pointing to the css file

For example:
<link rel="stylesheet" type="text/css" href="test.css">

Click to expand...

test.css should be renamed to whatever name your *.css file is

duncanp · Oct 14, 2008

i dont think we really needed to get into CSS, it was fine the way it was and half the rules in that style aren't needed as they default to auto.

Meysha · Oct 15, 2008

Paul M said:
I would do this (the last 3 lines in your code):

<p align="center"> <a href=http://www.travellingphotographers.com/launchnight/index.htm target="_blank">View Launch Night photos</a></center>
</body>
</html>

The tag target="_blank" opens a new window for this page without taking the viewer away from your original site.

Thank you Paul! That worked a treat. I'm updating the site now.

What code would I put in there to change the font to arial???

Paul M · Oct 15, 2008

I agree duncanp, but CSS was requested and I didn't know what other settings were being used. I defaulted to auto for most of it.

Meysha said:
Thank you Paul! That worked a treat. I'm updating the site now.

What code would I put in there to change the font to arial???

link {
}
.newStyle1 {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
color: #FF0000;
visibility: visible;
overflow: auto;
display: inline;
float: none;
cursor: crosshair;
clear: both;
position: absolute;
z-index: auto;
width: auto;
height: auto;
top: auto;
right: auto;
bottom: auto;
left: auto;
list-style-type: none;
}

I am sorry, I bolded the code I posted before and I am not sure what you mean. There may be code in the HTML file that is possibly over riding this font style so you will have to read it closely to see. Other than that, Arial font has already been designated.

For basic HTML code (without the CSS stuff) try:
Put this above the </head> tag

<style type="text/css">
.style1 {
font-family: Arial, Helvetica, sans-serif;
}
.style2 {
text-decoration: none;
}
</style>

Last 3 lines of HTML code:

<p align="center" class="style1">
<a href="http://www.travellingphotographers.com/launchnight/index.htm" target="_blank" class="style2">
View Night Launch Photos</a></p>
</body>
</html>

Meysha · Oct 15, 2008

Oh ok, I didn't use that code you quoted there. I only put in the code I quoted in my post above.
ie: just the one line of code.

Can I put in font="arial" or something like that?