Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Webstudio 2.0 HTML help!

Status
Not open for further replies.

Guest_imported

New member
Jan 1, 1970
0
I am a web newbie, 36yeras old new to the net and in the process of setting up 4 websites for my company. I use an old programme called Webstudio 2.0, which is a really simple drag and drop.

Everything has been great, as long as i kept it simple. I've now discovered how to put in some HTML and mess about with the code to insert animated buttons, e.mailers etc.

I have a range of interfaces from web foundary, which i can get to display on webstudio, but as i can only see the 'finnished' interface on the web and now in the programme, i can't drag links onto the buttons.

Could somebody point me in the right direction with the HTML code to link the button down on the interface to the correct web page or url.?

If this topic is off the usual board topics or not whats disscussed here , could somebody point me in the direction of a baord that could help? (if it is , sorry moderators!, sure you were new to it all once!)

I have attatched the HTML code.

*HTML for the 'interface', the $thisfolderurl$ in front of each src is required to let webstudio know which folder to place the graphic in.

*Question: where do i insert the button links?.

roddyn@lycos.co.uk
or
roddynicoll@hotmail.com

Thanks!



<html>
<head>
<title>Web Foundry: Orb-X Interface</title>
</head>
<body bgcolor=&quot;black&quot;>
<center>

<table width=&quot;100%&quot; height=&quot;100%&quot;>
<tr><td align=center valign=middle>

<table bgcolor=&quot;#555555&quot; cellpadding=2 cellspacing=0>
<tr><td>


<table border=0 cellpadding=0 cellspacing=0>
<tr><td align=center colspan=3><img width=110 height=110 src=&quot;$thisfolderurl$orb-topleft.jpg&quot;><a href=&quot;javascript://&quot; onMouseOver=&quot;if(document.images){document.top.src='$thisfolderurl$orb-topon.jpg'; document.txt.src='$thisfolderurl$orb-txt1.jpg';}&quot; onMouseOut=&quot;if(document.images){document.top.src='$thisfolderurl$orb-topoff.jpg'; document.txt.src='$thisfolderurl$orb-txt0.jpg';}&quot;><img src=&quot;$thisfolderurl$orb-topoff.jpg&quot; width=175 height=110 name=top border=0></a><img width=115 height=110 src=&quot;$thisfolderurl$orb-topright.jpg&quot;></td></tr>
<tr>
<td rowspan=3><a href=&quot;javascript://&quot; onMouseOver=&quot;if(document.images){document.left.src='$thisfolderurl$orb-lefton.jpg'; document.txt.src='$thisfolderurl$orb-txt4.jpg';}&quot; onMouseOut=&quot;if(document.images){document.left.src='$thisfolderurl$orb-leftoff.jpg'; document.txt.src='$thisfolderurl$orb-txt0.jpg';}&quot;><img src=&quot;$thisfolderurl$orb-leftoff.jpg&quot; width=110 height=180 name=left border=0></td>
<td><img width=175 height=110 src=&quot;$thisfolderurl$orb-title.jpg&quot;></td>
<td rowspan=3><a href=&quot;javascript://&quot; onMouseOver=&quot;if(document.images){document.right.src='$thisfolderurl$orb-righton.jpg'; document.txt.src='$thisfolderurl$orb-txt2.jpg';}&quot; onMouseOut=&quot;if(document.images){document.right.src='$thisfolderurl$orb-rightoff.jpg'; document.txt.src='$thisfolderurl$orb-txt0.jpg';}&quot;><img src=&quot;$thisfolderurl$orb-rightoff.jpg&quot; width=115 height=180 name=right border=0></td>
</tr>
<tr><td><img width=175 height=25 src=&quot;$thisfolderurl$orb-txt0.jpg&quot; name=txt></td></tr>
<tr><td><img width=175 height=45 src=&quot;$thisfolderurl$orb-screenbot.jpg&quot;></td></tr>
<tr><td align=center colspan=3><img width=110 height=110 src=&quot;$thisfolderurl$orb-botleft.jpg&quot;><a href=&quot;javascript://&quot; onMouseOver=&quot;if(document.images){document.bot.src='$thisfolderurl$orb-boton.jpg'; document.txt.src='$thisfolderurl$orb-txt3.jpg';}&quot; onMouseOut=&quot;if(document.images){document.bot.src='$thisfolderurl$orb-botoff.jpg'; document.txt.src='$thisfolderurl$orb-txt0.jpg';}&quot;><img src=&quot;$thisfolderurl$orb-botoff.jpg&quot; width=175 height=110 name=bot border=0></a><img width=115 height=110 src=&quot;$thisfolderurl$orb-botright.jpg&quot;></td></tr>
</table>

</td></tr></table>

</td></tr></table>


<script language=&quot;javascript&quot;>
<!--

var imglist = new Array (
&quot;orb-topon.jpg&quot;,
&quot;orb-righton.jpg&quot;,
&quot;orb-boton.jpg&quot;,
&quot;orb-lefton.jpg&quot;,
&quot;orb-txt1.jpg&quot;,
&quot;orb-txt2.jpg&quot;,
&quot;orb-txt3.jpg&quot;,
&quot;orb-txt4.jpg&quot;
);
var imgs = new Array();

var count;
if (document.images)
for (count=0; count<imglist.length; count++)
{imgs[count]=new Image(); imgs[count].src=imglist[count];}

// -->
</script>

</body></html>
 
Hi mate,

Just change all instances of &quot;javascript://&quot; to &quot;whateverpage.html&quot;

You should really get to learn the bascis of coding without a &quot;drag and drop&quot; editor as it will help you immensly in the long run. As you said yourself, when it starts getting more complicated, the editor is useless... [wink]

Hope this helps Wullie

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top