Jump to content
xisto Community
Sign in to follow this  
lilemi

Toolbar Not Working (adobe Dreamweaver) I dont know why but it doesnt link.

Recommended Posts

See, my toolbar is made up of 8 buttons. They are:Home | Lessons | Theory | LinksVideos| Extras | Forums | FeedbackTo make my website, I use adobe Dreamweaver CS3. if youve ever used it, youll know that if you want to make an image a link, you need to click it and fill in the link box at the bottom and then make the border 0. The annoying thing is, lets say I type in in the link box for Home "index.html". Then, I take a look at lessons. Suddenly, that box is filled with index.html too! So, I quickly change that box to lessons.html. But then (this is where the problem is) home is also now lessons.html! WTF!!!Home, lessons, theory, links, videos and extras are all one link. Forums and feedback are a second one. So, in my entire toolbar I have access to a whooping 2 links. Besides the links at the bottom of the page of course.Did i put them in wrong? I did it before and it worked perfectly, then I changed my layout and now it's completely messed up... my faulty toolbar in action:http://forums.xisto.com/no_longer_exists/(I hope this isn't considered advertising my site, because I'm not trying to.)

Share this post


Link to post
Share on other sites

Hmmm... I think you might be doing something wrong. You should be able to change the "href" property of EVERY link in the "properties" window of DW. If you click on a particular tag or element in the design window it will show the properties of it in the properties window. Also, dreamweaver has a cool feature that allows you to create a navbar just like yours using a very simple interface. Just click Insert->Image Object->Navbar (I think). You just fill in the image location, the href, etc. You can even have DW create rollover navbars using this. You should try it out, it might work better for you.

Share this post


Link to post
Share on other sites

Ahhh. I just took a look at the source code from your site. It seems that you have the IMG tags correct BUT you don't have the <A> tags correct. You don't have every image linked. You have "Home, Lessons, Theory, Links, Videos, and Extras" under one link and "Forums and Feedback" under another link. You need to make a link for EACH image and edit each one separately. The code for each link/image should look like this...

<a href="blahblah.html"><img src="something.gif" /></a>

Using the DW navigation bar might be better for you if you don't know much about html.

btw. I don't even really know what spry is but I'm pretty sure that's not spry. :P

If you need any other help just post :P

Share this post


Link to post
Share on other sites

Ooo..... Ill see if i can figure out how to open the CSS on dreamweaver (I've done it loads of times by accident). I'll update when I figure it out. Spry is just kinda like little widgets you can make. I know you can make toolbars with spry, I've seen it but I don't really want to....

Checking the CSS.

EDIT: I don't understand! It doesn't change the actually thing when i change the coding! This is the code right now:

<p align="center"><a href="index.html"><img src="../public_html/images/Home Button.jpg" alt="Homepage of GuitarPick.com!" width="177" height="34" border="0" /><a href="lessons.html"><img src="../public_html/images/Lessons Button.jpg" alt="All sorts of lessons from GuitarPick.com and other sources!" width="182" height="34" border="0" /><img src="../public_html/images/Theory Button.jpg" alt="Music theory lessons compiled and supplied by GuitarPick.com!" width="181" height="34" border="0" /><img src="../public_html/images/Links Button.jpg" alt="Links to webpages that contain music/guitar related items that GuitarPick doesn't supply." width="171" height="34" border="0" /><img src="../public_html/images/Videos Button.jpg" alt="Music and guitar related videos! Feel free to submit some of your own." width="177" height="36" border="0" /><img src="../public_html/images/Extras Button.jpg" alt="Extras such as banners, graphics, wallpapers and more!" width="182" height="36" border="0" /></a><a href="feedback.html"><img src="../public_html/images/Forums Button.jpg" alt="[UNDER CONSTRUCTION]" width="181" height="36" border="0" /><img src="../public_html/images/Feedback Button.jpg" alt="Comments? Suggestions? Please give is your honest comments and support!" width="171" height="36" border="0" /></a></p>

So, basically, as you can see, i put in <a href="lessons.html" in the beginning of the econd line. It doesn't change anything. Now the coding says it changes to lessons, but the like design bit of dreamweaver tells me they both point to the same thing >_< !?!?!?!?!?

Is dreamweaver broken or something?
Edited by jlhaslip
add code tags (see edit history)

Share this post


Link to post
Share on other sites

you must have <a href="..... for EVERY image AND don't forget your closing tag </a>

Just change your code to this and it should work. Notice the "href" property of the <a> tags. You need to change that to the actual locations of your pages in order for the links to work.

<p align="center">	 <a href="index.html">		  <img src="../public_html/images/Home Button.jpg" alt="Homepage of GuitarPick.com!" width="177" height="34" border="0" />	 </a>	 <a href="lessons.html">		  <img src="../public_html/images/Lessons Button.jpg" alt="All sorts of lessons from GuitarPick.com and other sources!" width="182" height="34" border="0" />	 </a>	 <a href="">		  <img src="../public_html/images/Theory Button.jpg" alt="Music theory lessons compiled and supplied by GuitarPick.com!" width="181" height="34" border="0" />	 </a>	 <a href="">		  <img src="../public_html/images/Links Button.jpg" alt="Links to webpages that contain music/guitar related items that GuitarPick doesn't supply." width="171" height="34" border="0" />	 </a>	 <a href="">		  <img src="../public_html/images/Videos Button.jpg" alt="Music and guitar related videos! Feel free to submit some of your own." width="177" height="36" border="0" />	 </a>	 <a href=""><img src="../public_html/images/Extras Button.jpg" alt="Extras such as banners, graphics, wallpapers and more!" width="182" height="36" border="0" />	 </a>	 <a href="feedback.html"><img src="../public_html/images/Forums Button.jpg" alt="[UNDER CONSTRUCTION]" width="181" height="36" border="0" />	 </a>	 <a href=""><img src="../public_html/images/Feedback Button.jpg" alt="Comments? Suggestions? Please give is your honest comments and support!" width="171" height="36" border="0" /></a></p>

Share this post


Link to post
Share on other sites

you must have <a href="..... for EVERY image AND don't forget your closing tag </a>
Just change your code to this and it should work. Notice the "href" property of the <a> tags. You need to change that to the actual locations of your pages in order for the links to work.

<p align="center">	 <a href="index.html">		  <img src="../public_html/images/Home Button.jpg" alt="Homepage of GuitarPick.com!" width="177" height="34" border="0" />	 </a>	 <a href="lessons.html">		  <img src="../public_html/images/Lessons Button.jpg" alt="All sorts of lessons from GuitarPick.com and other sources!" width="182" height="34" border="0" />	 </a>	 <a href="">		  <img src="../public_html/images/Theory Button.jpg" alt="Music theory lessons compiled and supplied by GuitarPick.com!" width="181" height="34" border="0" />	 </a>	 <a href="">		  <img src="../public_html/images/Links Button.jpg" alt="Links to webpages that contain music/guitar related items that GuitarPick doesn't supply." width="171" height="34" border="0" />	 </a>	 <a href="">		  <img src="../public_html/images/Videos Button.jpg" alt="Music and guitar related videos! Feel free to submit some of your own." width="177" height="36" border="0" />	 </a>	 <a href=""><img src="../public_html/images/Extras Button.jpg" alt="Extras such as banners, graphics, wallpapers and more!" width="182" height="36" border="0" />	 </a>	 <a href="feedback.html"><img src="../public_html/images/Forums Button.jpg" alt="[UNDER CONSTRUCTION]" width="181" height="36" border="0" />	 </a>	 <a href=""><img src="../public_html/images/Feedback Button.jpg" alt="Comments? Suggestions? Please give is your honest comments and support!" width="171" height="36" border="0" /></a></p>

All correct, but emily, it sometimes makes life easier if you just put "images/image.extension" instead of "../public_...etc" because the public_html is the same.. directory as WWW in ftp (file transfer protocal) and if you do not understand, we put your url in the adress bar, guitarpick.trap17.com, and it takes us to the index.html, you don't need to type in guitarpick.trap17.com/public_html/index.html, although you can... more of a description, if the file is in public html, when you call on another file.. like in index.html, when you call on an image, you just start from that directory, instead of adding the parent directory, understand? if u need more questions, just drop by lol are u sure u want as to throw away your shoes ?? :P well just ask if you need anything else

Share this post


Link to post
Share on other sites

Why Do I have to add ../.. or ../../.. in front of the image src file?

Toolbar Not Working (adobe Dreamweaver)

 

When I copy my images from one page (let's say, main page in directory /) to the other page of my server ( mayb in /archive/2008/), my img will go broken, and I have to update it with ../.. For this image if I'm pasting it into this directory. Is there any way dreamweaver will do it for itself.

 

And some images src are external link, but it didn't work out for me either when I copy the whole image to other page in other directory in my same server.

 

Is there any solution for me?

Thank You

 

-question by Kevin

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.