This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > April 2004 > Re: Need help on moving things





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Re: Need help on moving things
Murray *TMM*

2004-04-21, 2:50 pm

> is there something ive done
> wrong???

Yes, most likely.

Can you show me the code on your page by either citing a URI to it, or by
pasting it into a reply?


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"mentorima" <webforumsuser@macromedia.com> wrote in message
news:c5ov81$d9v$1@forums.macromedia.com...
> Ive inserted a Navigation bar on the Left hand side of the page and i want
to
> put a image on the top displaying the Title. The only problem is that the
> picture keeps being inserted at the bottom of the navigation bar and is
stuck
> to the left so i cant move it only up and down? is there something ive
done
> wrong???
>


mentorima

2004-04-21, 2:52 pm

all ive done is created a new Html page.

but here you go :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Killing Floor Main</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new
Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) !=
null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) !=
null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1]
: img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn :
img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up;
img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) !=
null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style></head>

<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="java script:;" target="_top"
onClick="MM_nbGroup('down','group1','News','',1)"
onMouseOver="MM_nbGroup('over','News','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="News.JPG" alt="" name="News"
width="175" height="40" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Teams','',1)"
onMouseOver="MM_nbGroup('over','Teams','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Teams.JPG" alt="" name="Teams"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Info','',1)"
onMouseOver="MM_nbGroup('over','Info','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Info.JPG" alt="" name="Info"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Weapons','',1)"
onMouseOver="MM_nbGroup('over','Weapons','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Weapons.JPG" alt="" name="Weapons"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','vehicles','',1)"
onMouseOver="MM_nbGroup('over','vehicles','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="vehicles.JPG" alt="" name="vehicles"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Maps','',1)"
onMouseOver="MM_nbGroup('over','Maps','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Maps.JPG" alt="" name="Maps"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Screenshots','',1)"
onMouseOver="MM_nbGroup('over','Screenshots','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Screenshots.JPG" alt=""
name="Screenshots" width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Gallery','',1)"
onMouseOver="MM_nbGroup('over','Gallery','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Gallery.JPG" alt="" name="Gallery"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="java script:;" target="_top"
onClick="MM_nbGroup('down','group1','Downloads','',1)"
onMouseOver="MM_nbGroup('over','Downloads','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Downloads.JPG" alt="" name="Downloads"
width="175" height="40" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Forums','',1)"
onMouseOver="MM_nbGroup('over','Forums','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Forum.JPG" alt="" name="Forums"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','links','',1)"
onMouseOver="MM_nbGroup('over','links','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Links.JPG" alt="" name="links"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="#" target="_top"
onClick="MM_nbGroup('down','group1','Contact','',1)"
onMouseOver="MM_nbGroup('over','Contact','','',1)"
onMouseOut="MM_nbGroup('out')"><img src="Contact.JPG" alt="" name="Contact"
width="175" height="40" border="0" onLoad=""></a></td>
</tr>
</table>
<!--se
-->
<div align="center"></div>
<blockquote>&nbsp;</blockquote>
<p>&nbsp;</p>
<p><img src="KFLogo1%20copy.jpg" width="400" height="150">
</p>
<blockquote>
<p>&nbsp; </p>
<p>&nbsp;</p>
<p> dggfdf
</p>
</blockquote>
</body>
</html>

Murray *TMM*

2004-04-21, 2:54 pm

OK - here are some comments -

1. You are using the NavBar function from DW. This was really intended to
be used on FRAMED pages. As a result, there is more code in that function
than really is necessary. You can accomplish the same goal by using simple
image swaps on your navigation buttons instead of this, and that's what I
would recommend you do.

2. The reason you cannot move your image after you have inserted it is that
this is how HTML works. I recommend you start your learning with a good
book -

Dreamweaver MX 2004: The Missing Manual - by David Sawyer McFarland
http://www.amazon.com/exec/obidos/t...=books&n=507846

Images, tables, and paragraphs of text will appear to be stuck to the left
side of the page, and will not be 'moveable' UNLESS they are placed into an
HTML container that *can* be moved, like a <div> "layer", or they are
positioned with CSS. But, I suspect that either of these methods might be
stretching the envelope a bit for you just now.

3. To get your logo above the navigation, you can either work in Design
view, or Code view.

In Design view, select the logo, and cut it from the page. Then click
inside the navigation element, and using the TagSelector at the bottom of
the document window, find <table> and click on it. This will select the
entire table that contains your navigation. Now press the left arrow on the
keyboard to move the insertion point to the LEFT of the table. At this
point, you can paste the logo back to the page, and it should paste above
the table.

In Code view, change this -

</table>
<!--se
-->
<div align="center"></div>
<blockquote>&nbsp;</blockquote>
<p>&nbsp;</p>
<p><img src="KFLogo1%20copy.jpg" width="400" height="150">
</p>
<blockquote>
<p>&nbsp; </p>
<p>&nbsp;</p>
<p> dggfdf
</p>
</blockquote>
</body>

to this -

</table>
</body>

and this -

<body>
<table border="0" cellpadding="0" cellspacing="0">

to this -

<body>
<!--se
-->
<div align="center"></div>
<blockquote>&nbsp;</blockquote>
<p>&nbsp;</p>
<p><img src="KFLogo1%20copy.jpg" width="400" height="150">
</p>
<blockquote>
<p>&nbsp; </p>
<p>&nbsp;</p>
<p> dggfdf
</p>
</blockquote>
<table border="0" cellpadding="0" cellspacing="0">

(in other words, I have moved the code for the logo so that it is above the
code for the table)

Hope that helps.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"mentorima" <webforumsuser@macromedia.com> wrote in message
news:c5pje9$b8c$1@forums.macromedia.com...
> all ive done is created a new Html page.
>
> but here you go :
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <title>Killing Floor Main</title>
> <script language="JavaScript" type="text/JavaScript">
> <!--
> function MM_preloadImages() { //v3.0
> var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
> var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length;
> i++)
> if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
> }
>
> function MM_findObj(n, d) { //v4.01
> var p,i,x; if(!d) d=document;
> if((p=n.indexOf("?"))>0&&parent.frames.length) {
> d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
> if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
> x=d.forms[i][n];
> for(i=0;!x&&d.layers&&i<d.layers.length;i++)
> x=MM_findObj(n,d.layers[i].document);
> if(!x && d.getElementById) x=d.getElementById(n); return x;
> }
>
> function MM_nbGroup(event, grpName) { //v6.0
> var i,img,nbArr,args=MM_nbGroup.arguments;
> if (event == "init" && args.length > 2) {
> if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
> img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
> if ((nbArr = document[grpName]) == null) nbArr = document[grpName]
= new
> Array();
> nbArr[nbArr.length] = img;
> for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i]))
!=
> null) {
> if (!img.MM_up) img.MM_up = img.src;
> img.src = img.MM_dn = args[i+1];
> nbArr[nbArr.length] = img;
> } }
> } else if (event == "over") {
> document.MM_nbOver = nbArr = new Array();
> for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) !=
> null) {
> if (!img.MM_up) img.MM_up = img.src;
> img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?
args[i+1]
> : img.MM_up);
> nbArr[nbArr.length] = img;
> }
> } else if (event == "out" ) {
> for (i=0; i < document.MM_nbOver.length; i++) {
> img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn :
> img.MM_up; }
> } else if (event == "down") {
> nbArr = document[grpName];
> if (nbArr)
> for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src =
img.MM_up;
> img.MM_dn = 0; }
> document[grpName] = nbArr = new Array();
> for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) !=
> null) {
> if (!img.MM_up) img.MM_up = img.src;
> img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
> nbArr[nbArr.length] = img;
> } }
> }
> //-->
> </script>
> <style type="text/css">
> <!--
> body {
> background-color: #000000;
> }
> -->
> </style></head>
>
> <body>
> <table border="0" cellpadding="0" cellspacing="0">
> <tr>
> <td><a href="java script:;" target="_top"
> onClick="MM_nbGroup('down','group1','News','',1)"
> onMouseOver="MM_nbGroup('over','News','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="News.JPG" alt="" name="News"
> width="175" height="40" border="0" onload=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Teams','',1)"
> onMouseOver="MM_nbGroup('over','Teams','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Teams.JPG" alt="" name="Teams"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Info','',1)"
> onMouseOver="MM_nbGroup('over','Info','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Info.JPG" alt="" name="Info"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Weapons','',1)"
> onMouseOver="MM_nbGroup('over','Weapons','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Weapons.JPG" alt=""
name="Weapons"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','vehicles','',1)"
> onMouseOver="MM_nbGroup('over','vehicles','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="vehicles.JPG" alt=""
name="vehicles"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Maps','',1)"
> onMouseOver="MM_nbGroup('over','Maps','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Maps.JPG" alt="" name="Maps"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Screenshots','',1)"
> onMouseOver="MM_nbGroup('over','Screenshots','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Screenshots.JPG" alt=""
> name="Screenshots" width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Gallery','',1)"
> onMouseOver="MM_nbGroup('over','Gallery','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Gallery.JPG" alt=""
name="Gallery"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="java script:;" target="_top"
> onClick="MM_nbGroup('down','group1','Downloads','',1)"
> onMouseOver="MM_nbGroup('over','Downloads','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Downloads.JPG" alt=""
name="Downloads"
> width="175" height="40" border="0" onload=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Forums','',1)"
> onMouseOver="MM_nbGroup('over','Forums','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Forum.JPG" alt="" name="Forums"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','links','',1)"
> onMouseOver="MM_nbGroup('over','links','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Links.JPG" alt="" name="links"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> <tr>
> <td><a href="#" target="_top"
> onClick="MM_nbGroup('down','group1','Contact','',1)"
> onMouseOver="MM_nbGroup('over','Contact','','',1)"
> onMouseOut="MM_nbGroup('out')"><img src="Contact.JPG" alt=""
name="Contact"
> width="175" height="40" border="0" onLoad=""></a></td>
> </tr>
> </table>
> <!--se
> -->
> <div align="center"></div>
> <blockquote>&nbsp;</blockquote>
> <p>&nbsp;</p>
> <p><img src="KFLogo1%20copy.jpg" width="400" height="150">
> </p>
> <blockquote>
> <p>&nbsp; </p>
> <p>&nbsp;</p>
> <p> dggfdf
> </p>
> </blockquote>
> </body>
> </html>
>


Sponsored Links


Copyright 2003 - 2009 forum4designers.com  Software forum  Computer Hardware reviews