Jump to content
Guidelines - Read before posting!

Website Help

Punkrider

By Punkrider
in Chit Chat

 Share

Recommended Posts

ben_travis Thats Enough Now Tart

ben_travis

Posted
Posted

no offence but this is not a good start to your website.....

A lot of major riders such as; Martyn Ashton, Ben Savage, Benito Ros and Danny Butler have a lot more respect compared to natural riders, as riding street is more demanding.

all these riders are superb natural riders, and you will find that riding natural is much more demanding on both bike and rider. I think you may want to change that.

Link to comment
Share on other sites
Punkrider Trials Master

Punkrider

Posted
  • Author
Posted

no offence but this is not a good start to your website.....

all these riders are superb natural riders, and you will find that riding natural is much more demanding on both bike and rider. I think you may want to change that.

Yeah that was a joke with a mate, the sites not finished yet.

Can you only reply if you know the answer to my question please

Link to comment
Share on other sites
poopipe Too Much Spare Time

poopipe

Posted
Posted (edited)

This is what happens if you use a bloody WYSIWIG html editor ....

On first one, the path you've given the function is invalid - here it is in english

http://www.streetfurnituretrials.com/images/adam back wheel perfect photo.JPG/5.jpg

note the extra /5.jpg you've got on the end

the image is actually here

http://www.streetfurnituretrials.com/images/adam back wheel perfect photo.JPG

Right, that was the easy bit.

Basically your problem is that the page isn't structured right. You've got an unclosed <a> tag at the beginning of the first row of pictures, followed by an empty <span> , followed by a <span> that holds the first 2 thumbnails, followed by another unclosed <a>, followed by a <span> containing the next 3 thumbnails.

You want all 5 images in the same <span> and you don't want unclosed <a> tags anywhere (which is most likely what's preventing the function from working)

This continues as far down the page as I could be bothered to check.

I checked a few images and they are actually there so it's just the code thats buggered.

I suggest going through the page in notepad and removing the extra crap. Indenting your code is a bloody good idea too eg..

    <A HREF="java script:popitup('/images/1.jpg')">       (the main problem is this line)
        <span style="text-decoration: none">
        </span>
        <span style="text-decoration: none">
            <a href="java script:popitup('blah.jpg')">
                <IMG SRC="blah.jpg">
            </a>
            <a href="java script:popitup('blah.jpg)">
                <IMG SRC="blah.jpg">
            </a>

you get me ?

Edited by poopipe
Link to comment
Share on other sites
Punkrider Trials Master

Punkrider

Posted
  • Author
Posted

Thank you for the replies

I don't really understand what to do, don't suppose you would be able to do it would you?

I would be very grateful (Y)

<HTML>
<HEAD>




<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript" type="text/javascript">

var newwindow = ''
function popitup(url) {
if (newwindow.location && !newwindow.closed) {
    newwindow.location.href = url;
    newwindow.focus(); }
else {
    newwindow=window.open(url,'htmlname','width=370,height=283,resizable=1');}
}

function tidy() {
if (newwindow.location && !newwindow.closed) {
   newwindow.close(); }
}

</SCRIPT>

</HEAD>

<BODY onUnload="tidy()" link="#000000" vlink="#000000" alink="#000000" bgcolor="#F8F8F8" >

<p align="center">
<A HREF="java script:popitup('/images/1.jpg')">
<span style="text-decoration: none">
</span>
<span style="text-decoration: none">
<a href="java script:popitup('/images/adam%20back%20wheel%20perfect%20photo.JPG/5.jpg')">
<IMG SRC="/thumbnails/adam%20back%20wheel%20perfect%20photo%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/CLEM.JPG'')"><IMG SRC="/thumbnails/clem%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span><A HREF="java script:popitup('/images/1.jpg')"><span style="text-decoration: none"><a href="java script:popitup('/images/clem%20x-up%20with%20levels%20adjusted.jpg')"><IMG SRC="/thumbnails/clem%20x-up%20with%20levels%20adjusted%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/SCOTT.JPG')"><IMG SRC="/thumbnails/scott%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/small%20wallride.JPG')"><IMG SRC="/thumbnails/small%20wallride%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span></p>

</BODY>
</HTML>
<p align="center">
<span style="text-decoration: none">
<a href="java script:popitup('/images/clem%20gap%20reds.jpg')">

<IMG SRC="/thumbnails/clem%20gap%20reds%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/clem%20gap%20single.JPG')"><IMG SRC="/thumbnails/clem%20gap%20single%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/clem%20up%20the%20wall%20single.JPG')"><IMG SRC="/thumbnails/clem%20up%20the%20wall%20single%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span><A HREF="java script:popitup('/images/1.jpg')"><span style="text-decoration: none"><a href="java script:popitup('/images/clem%20wall%20jam%20bus%20station.JPG')"><IMG SRC="/thumbnails/clem%20wall%20jam%20bus%20station%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span></p>
<p align="center"><A HREF="java script:popitup('/images/1.jpg')">
<span style="text-decoration: none">
<a href="java script:popitup('/images/fred%20jump.jpg')">
<IMG SRC="/thumbnails/fred%20jump%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/clem%20wall%20jam.JPG')"><IMG SRC="/thumbnails/clem%20wall%20jam%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/fred%20big%20gap.JPG')"><IMG SRC="/thumbnails/fred%20big%20gap%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/fred%20gap.jpg')"><IMG SRC="/thumbnails/fred%20gap%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span></p>
<p align="center">
<A HREF="java script:popitup('/images/1.jpg')">
<span style="text-decoration: none">
<a href="java script:popitup('/images/fred%20wall%20jam.JPG')">
<IMG SRC="/thumbnails/fred%20wall%20jam%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/fred%20wall%20ride.JPG')"><IMG SRC="/thumbnails/fred%20wall%20ride%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/fred%20wallride.jpg')"><IMG SRC="/thumbnails/fred%20wallride%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup(/images/front%20to%20back.JPG')"><IMG SRC="/thumbnails/front%20to%20back%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span></p>
<p align="center">
<A HREF="java script:popitup('/images/1.jpg')">
<span style="text-decoration: none">
<a href="java script:popitup('/images/gap%20scot.jpg')">
<IMG SRC="/thumbnails/gap%20scot%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/scott%20big%20gap.JPG')"><IMG SRC="/thumbnails/scott%20big%20gap%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/tunnel%205.JPG')"><IMG SRC="/thumbnails/tunnel%205%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a><a href="java script:popitup('/images/tunnel%206.JPG')"><IMG SRC="/thumbnails/tunnel%206%20%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span></p>
<p align="center">
<A HREF="java script:popitup('/images/1.jpg')">

<span style="text-decoration: none">
<a href="java script:popitup('/images/up%20the%20wal%20clem.jpg')">
<IMG SRC="/thumbnails/up%20the%20wal%20clem%20small.jpg" BORDER="1" HSPACE="10" VSPACE="25"></a></span></p>


<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>

Thanks

Adam

Link to comment
Share on other sites
boon racoon Trials Master

boon racoon

Posted
Posted

sack off the java all together for the image gallery. they're useless. reference the links to the location of the actual file itself is all you need to do.

and add:

target="_blank"

into your <a> tags and they'll open in a new window

the span tag is technically an in line tag. if you're doing big blocks you should use the <div> tag if you want your page to be valid xhtml 1.0 transitional (web standard)

Link to comment
Share on other sites
Simon Thats Enough Now Tart

Simon

Posted
Posted

Thank you for the replies

I don't really understand what to do, don't suppose you would be able to do it would you?

I would be very grateful (Y)

Thanks

Adam

Spoon feeding = no no.

You've been told what's wrong, and even how to fix it. You won't learn if someone does it all for you.

And haha, look at Matt rolling out the web standard information. :P I remember when you was a wee lad that couldn't make a site to show a line of text. Go you. :P

Link to comment
Share on other sites
Simon Thats Enough Now Tart

Simon

Posted
Posted

so, can you actually rely on the standards to produce similar results across different browsers these days?

forgive my ignorance - I haven't done this sort of thing for a living for quite a while now...

It helps. Sometimes it's down to a browser just being plain right f**king shit. For example, Opera handles borders wrong, so you have to add in a hack which only opera reads, to send opera the correct width/height values, otherwise it displays them wrong.

Same with Internet Explorer relative positioning for div layers when padding and margin's are used.

Link to comment
Share on other sites
The enchanted broomstick Trials King

The enchanted broomstick

Posted
Posted

Just for your information mate you might wanna have a look here I would particularly ask you to look at "image thumbnail viewer" and "image thumbnail viewer II" They are pretty good and i think might add a nice little touch to your website. They give you a demo of how they work on the site and also give you instructions along with the source code for using it.

Just a thought i had for you mate,

stu (Y)

Link to comment
Share on other sites
poopipe Too Much Spare Time

poopipe

Posted
Posted

It helps. Sometimes it's down to a browser just being plain right f**king shit. For example, Opera handles borders wrong, so you have to add in a hack which only opera reads, to send opera the correct width/height values, otherwise it displays them wrong.

Same with Internet Explorer relative positioning for div layers when padding and margin's are used.

No then..

Thats what I suspected - things never change.

I always assume IE gets it right and everything else is just being awkward. Its probably still unfashionable to like IE but in terms of robust html rendering nothing even comes close.

( IMHO - based on time spent developing websites professionally between 1995 and 2004 - before anyone says nutscrape - oops, i mean mozilla - oops, i mean firefox )

anyway, i've got a better job now so i don't really give a toss anymore :)

Link to comment
Share on other sites
Danny Thats Enough Now Tart

Danny

Posted
Posted

Not Base04 Again :

<html>
<head>
<title>.: Welcome :.</title>

<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}

function FP_swapImgRestore() {//v1.0
 var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
  var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } } 
  doc.$imgSwaps=null; }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
// -->
</script>

<body background="/images/background.jpg"><div align="center">

<table width="702" border="1" cellspacing="0" cellpadding="2" height="558" bordercolor="#000000">

<tr>

<td colspan="5" height="117">
<p align="center">
<img border="0" src="/images/header.jpg" width="702" height="115">
</td>

</tr>

<td height="57" colspan="5" bgcolor="#FFFFFF">
<a href="/home.html">
<img border="0" src="H1.JPG" width="76" height="57" id="img2" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(0,1,/*id*/'img2',/*url*/'H-1.JPG')"></a><a href="/media.html">
<img border="0" src="V1.JPG" id="img1" width="77" height="57" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(0,1,/*id*/'img1',/*url*/'V-1.JPG')"></a><a href="/riders.html">
<img border="0" src="R1.JPG" width="90" height="57" id="img6" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(0,1,/*id*/'img6',/*url*/'R-1.JPG')"></a><a href="/bikephotos.html">
<img border="0" src="B1.JPG" width="141" height="57" id="img5" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(0,1,/*id*/'img5',/*url*/'B-1.JPG')"></a><a href="/trialsphotos.html">
<img border="0" src="T1.JPG" width="164" height="57" id="img4" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img4',/*url*/'T-1.JPG')"></a><a href="/trialsvideos.html">
<img border="0" src="T2.JPG" width="154" height="57" id="img3" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(0,1,/*id*/'img3',/*url*/'T-2.JPG')"></a></td>

</tr>

<td width="702" height="384" bgcolor="#FFFFFF" align="center" valign="top">
<h2>Trials Photos<</h2>

<p align="center">
<a href="/images/adam%20back%20wheel%20perfect%20photo.JPG" target="_blank">
<img border="0" src="/thumbnails/adam%20back%20wheel%20perfect%20photo%20%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/CLEM.JPG" target="_blank"><img border="0" src="/thumbnails/clem%20%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/clem%20x-up%20with%20levels%20adjusted.jpg" target="_blank"><img border="0" src="/thumbnails/clem%20x-up%20with%20levels%20adjusted%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/SCOTT.JPG" target="_blank"><img border="0" src="/thumbnails/scott%20%20small.jpg" hspace="10" vspace="15"></a><a href="/images/small%20wallride.JPG" target="_blank"><img border="0" src="/thumbnails/small%20wallride%20%20small.jpg" hspace="10" vspace="15"></a>
</p>

<p align="center">
<a href="/images/clem%20gap%20reds.jpg" target="_blank">
<img border="0" src="/thumbnails/clem%20gap%20reds%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/clem%20gap%20single.JPG" target="_blank"><img border="0" src="/thumbnails/clem%20gap%20single%20small.jpg" hspace="10" vspace="15"></a><a href="/images/clem%20up%20the%20wall%20single.JPG" target="_blank"><img border="0" src="/thumbnails/clem%20up%20the%20wall%20single%20small.jpg" hspace="10" vspace="15"></a><a href="/images/clem%20wall%20jam%20bus%20station.JPG" target="_blank"><img border="0" src="/thumbnails/clem%20wall%20jam%20bus%20station%20small.jpg" hspace="10" vspace="15"></a>
</p>

<p align="center"><a href="/images/fred%20jump.jpg" target="_blank">
<img border="0" src="/thumbnails/fred%20jump%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/clem%20wall%20jam.JPG" target="_blank"><img border="0" src="/thumbnails/clem%20wall%20jam%20small.jpg" hspace="10" vspace="15"></a><a href="/images/fred%20big%20gap.JPG" target="_blank"><img border="0" src="/thumbnails/fred%20big%20gap%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/fred%20gap.jpg" target="_blank"><img border="0" src="/thumbnails/fred%20gap%20small.jpg" hspace="10" vspace="15"></a>
</p>

<p align="center">
<a href="/images/fred%20wall%20jam.JPG" target="_blank">
<img border="0" src="/thumbnails/fred%20wall%20jam%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/fred%20wall%20ride.JPG" target="_blank"><img border="0" src="/thumbnails/fred%20wall%20ride%20%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/fred%20wallride.jpg" target="_blank"><img border="0" src="/thumbnails/fred%20wallride%20small.jpg" hspace="10" vspace="15"></a><a href="/images/front%20to%20back.JPG" target="_blank"><img border="0" src="/thumbnails/front%20to%20back%20small.jpg" hspace="10" vspace="15"></a>
</p>


<p align="center">
<a href="/images/gap%20scot.jpg" target="_blank">
<img border="0" src="/thumbnails/gap%20scot%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/scott%20big%20gap.JPG" target="_blank"><img border="0" src="/thumbnails/scott%20big%20gap%20%20small.jpg" hspace="10" vspace="15"></a><a href="/images/tunnel%205.JPG" target="_blank"><img border="0" src="/thumbnails/tunnel%205%20%20small.jpg" hspace="10" vspace="15"></a>
<a href="/images/tunnel%206.JPG" target="_blank"><img border="0" src="/thumbnails/tunnel%206%20%20small.jpg" hspace="10" vspace="15"></a></p>
<p align="center">
<a href="/images/up%20the%20wal%20clem.jpg" target="_blank">
<img border="0" src="/thumbnails/up%20the%20wal%20clem%20small.jpg" hspace="10" vspace="15"></a></p>

<font face="Verdana">Click on the photo to enlarge</font></p>


</td> 
   

</table>

</div>

</body>

</html>[/code]
Should do the job its not pretty like but i removed all the useless stuff.
Link to comment
Share on other sites
Simon Thats Enough Now Tart

Simon

Posted
Posted

Internet Explorer is actually the lesser browser. For instance, i did a navigation earlier today. It's the "new school" method of using <ul></ul>, then formating it using CSS and "display:block;". In firefox, it works exactly as intended, but in IE, it doesn't even render the <li>'s, so the navigation is made useless.

It also has problems with negative figures for margin's, and it completly ignores over riding of prior definitions.

Internet Explorer may render HTML like a bitch on steroids, but when it comes to anything, it's completly shit. However, HTML is a set language, so theres a slim chance, and i mean 0.1% chance that you will ever come across a cross-browser HTML fault. It's more CSS that's the issue, which is where IE fails, badly.

What job you have out of interest? And what job did you used to have?

Link to comment
Share on other sites
poopipe Too Much Spare Time

poopipe

Posted
Posted

What job you have out of interest? And what job did you used to have?

Now, i'm a 3d animator (amongst other vaguely related things) - i do realtime stuff mostly . I favour 3ds Max but i've got a good handle on MAYA too.

Before that I did web and database development plus a little bit of (monkey level) C - I started with the proper server side stuff in about 96 on unix, did that for a few years and then learnt ASP. I got bored of web development because it became too easy. Back in the old days you really had to fight the browser.

:)

Link to comment
Share on other sites
Simon Thats Enough Now Tart

Simon

Posted
Posted

I got bored of web development because it became too easy. Back in the old days you really had to fight the browser.

:)

Oh trust me, it isn't easy. I've been working on this new design now for a few days, and must of spent a good 3 or 4 hours on it, and it still doesn't work the same in IE as in Firefox.

What with AJAX becoming popular, ASP dieing, ASP.NET becoming popular, W3C standards being very wide spread and soght after, it's hard to keep up.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...