Search
Username:
Password:
Register or Reset Password
Remove the ads!
Search Threads:           Advanced
 
 
 
 
 
Dreamweaver Noob. :(
I Is Stuck. :O
Posted 2 months ago, last post 2 months ago by ToySoldiers
.
Put my what in your where? O_O
32
Replies
625
Views
0
Favorites
Undefined
Class (?)
Closed
Well I am making my own site in Dreamweaver CS3, but....

First of all, I have made a button in Photoshop, and I bring it into Dreamweaver so I can actually use it as a button to take me to another page. (Eg; Forums or Tutorials.)

But I don't know how to turn my button I have made, into a proper button.

Yes I have tried the all mighty Google, but all the tips have not worked. D': So could some cool person nicely tell me how?

*Free cookies to the working answer. :D*

UPDATE:

Now when I click the button it has lots of small blue circles around it, and also when I hold the Left mouse button down on the button there are lots of small red circles. :(
forum_4.jpg
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
*Bump!*
forum_4.jpg
.
Thanks Zakk. for the ripe :D love you :D | Y2M
Posted 2 months ago
Click on the image then on the properties bar you should see a textbox called "link" click on the little folder icon and choose the html file you made and open it up

Or, if its a website thats on the net, just type in the URL Including the HTTP:// bit






.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by Mikeyspike

Click on the image then on the properties bar you should see a textbox called "link" click on the little folder icon and choose the html file you made and open it up

Or, if its a website thats on the net, just type in the URL Including the HTTP:// bit


Thank-you kind young sir, but there is one problem... :(

When I get to that page, the button for that button disappears. Magic? O_O

EDIT: It doesn't disappear now, but it now has a gay blue boarder around it. :(
forum_4.jpg
.
Thanks Zakk. for the ripe :D love you :D | Y2M
Posted 2 months ago
Yeah, you need to update the other file with the button






.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by Mikeyspike

Yeah, you need to update the other file with the button


But why does it have an annoying blue boarder around my button? Because it ruins the sleekishness of my site. Lol.
forum_4.jpg
.
Thanks Zakk. for the ripe :D love you :D | Y2M
Posted 2 months ago
Does it show that when you preview?






.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by Mikeyspike

Does it show that when you preview?


Yes. :(
forum_4.jpg
.
Thanks Zakk. for the ripe :D love you :D | Y2M
Posted 2 months ago
Ill have a look, give me a sec






.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by Mikeyspike

Ill have a look, give me a sec


Ok. By the way, I don't have the boarder thing set to anything.
forum_4.jpg
.
Thanks Zakk. for the ripe :D love you :D | Y2M
Posted 2 months ago
Yeah, make a hotspot around the image.

Just place the image again and in the bottom left hand corner of the properties box, you should see 3 buttons, click the blue box one and then make a box going all the way around the image and give that the link






.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by Mikeyspike

Yeah, make a hotspot around the image.

Just place the image again and in the bottom left hand corner of the properties box, you should see 3 buttons, click the blue box one and then make a box going all the way around the image and give that the link


You are a genius! Thank-you!
*10,000 Cookies for you!*
forum_4.jpg
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
UPDATE:

Now when I click the button it has lots of small blue circles around it, and also when I hold the Left mouse button down on the button there are lots of small red circles. :(
forum_4.jpg
Eminence .
http://exiledstudios.co.uk/ | Y2M
Posted 2 months ago
<a style="border: 0px" href="#"><img src="#"></a>Change the first "#" with the URL you want the button to take you to, and the second "#" to the URL of your image.

What you need to do with it is:
  1. Click on the area where your button is situated (in design view)
  2. Open up the code tab
  3. Paste the above code, with the changes I told you to make
  4. Preview it and feedback to this thread
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by Suicidal Mofo

<a style="border: 0px" href="#"><img src="#"></a>Change the first "#" with the URL you want the button to take you to, and the second "#" to the URL of your image.

What you need to do with it is:
  1. Click on the area where your button is situated (in design view)
  2. Open up the code tab
  3. Paste the above code, with the changes I told you to make
  4. Preview it and feedback to this thread


I have my buttons added differently. I don't use he code.
forum_4.jpg
Eminence .
http://exiledstudios.co.uk/ | Y2M
Posted 2 months ago
Posted by MopyDud3

Posted by Suicidal Mofo

<a style="border: 0px" href="#"><img src="#"></a>Change the first "#" with the URL you want the button to take you to, and the second "#" to the URL of your image.

What you need to do with it is:
  1. Click on the area where your button is situated (in design view)
  2. Open up the code tab
  3. Paste the above code, with the changes I told you to make
  4. Preview it and feedback to this thread


I have my buttons added differently. I don't use the <img src="#"> code.

Have you even tried what i've said? Don't question it. Try it and then give me some feedback as to if it worked. If it doesn't work, I can find another solution.

Oh, and please close your tags.
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by Suicidal Mofo

Posted by MopyDud3

Posted by Suicidal Mofo

<a style="border: 0px" href="#"><img src="#"></a>Change the first "#" with the URL you want the button to take you to, and the second "#" to the URL of your image.

What you need to do with it is:
  1. Click on the area where your button is situated (in design view)
  2. Open up the code tab
  3. Paste the above code, with the changes I told you to make
  4. Preview it and feedback to this thread


I have my buttons added differently. I don't use the <img src="#"> code.

Have you even tried what i've said? Don't question it. Try it and then give me some feedback as to if it worked. If it doesn't work, I can find another solution.

Oh, and please close your tags.


Nope, it still has the small circles.

forum_4.jpg
.
php dev/web dev | Y2M
Posted 2 months ago
Your image should be something similar to:
<a href="http://www.link-to-site.com"><img src="url/to/image" border="0"></a>
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by ToySoldiers

Your image should be something similar to:
<a href="http://www.link-to-site.com"><img src="url/to/image" border="0"></a>


You misunderstand, it is taking me to another page I have made.
forum_4.jpg
.
php dev/web dev | Y2M
Posted 2 months ago
Posted by MopyDud3

Posted by ToySoldiers

Your image should be something similar to:
<a href="http://www.link-to-site.com"><img src="url/to/image" border="0"></a>


You misunderstand, it is taking me to another page I have made.

What do you mean? You want it to take you to another, or you don't want it to? What should it do?
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by ToySoldiers

Posted by MopyDud3

Posted by ToySoldiers

Your image should be something similar to:
<a href="http://www.link-to-site.com"><img src="url/to/image" border="0"></a>


You misunderstand, it is taking me to another page I have made.

What do you mean? You want it to take you to another, or you don't want it to? What should it do?


I have all the images, and pages created on my computer, and I want the the button to take me to another page that is on my computer. For eg; I am on index.html (HomePage) and I want to go to contact.html (Contact) I have to show where the button should be linked to.
forum_4.jpg
.
php dev/web dev | Y2M
Posted 2 months ago
Posted by MopyDud3

I have all the images, and pages created on my computer, and I want the the button to take me to another page that is on my computer. For eg; I am on index.html (HomePage) and I want to go to contact.html (Contact) I have to show where the button should be linked to.

Are you going to be uploading this site to the internet? If you are the links will need to be changed, but if you type in the url on your computer in the href="" parameter, it will take you to that page. You will need the full url.

Example
When in dreamweaver (mine may look a little different, this is an older version), you need to highlight the text or image you wish to use as a link. You then need to click the browse for file button next to the hyperlink url box. (see below)

Free Image Hosting at www.ImageShack.us

You then need to select the contact.html file (navigate to it using the file browser. mine is also different, however think of center.php as contact.html) and click OK. You'll see the full url to the file on your computer appear. Click somewhere on the page and you'll have a working hyperlink. If you're using an image, be sure to enter "0" in the border box to remove any borders.

Free Image Hosting at www.ImageShack.us
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by ToySoldiers

Posted by MopyDud3

I have all the images, and pages created on my computer, and I want the the button to take me to another page that is on my computer. For eg; I am on index.html (HomePage) and I want to go to contact.html (Contact) I have to show where the button should be linked to.

Are you going to be uploading this site to the internet? If you are the links will need to be changed, but if you type in the url on your computer in the href="" parameter, it will take you to that page. You will need the full url.

Example
When in dreamweaver (mine may look a little different, this is an older version), you need to highlight the text or image you wish to use as a link. You then need to click the browse for file button next to the hyperlink url box. (see below)

Free Image Hosting at www.ImageShack.us

You then need to select the contact.html file (navigate to it using the file browser. mine is also different, however think of center.php as contact.html) and click OK. You'll see the full url to the file on your computer appear. Click somewhere on the page and you'll have a working hyperlink. If you're using an image, be sure to enter "0" in the border box to remove any borders.

Free Image Hosting at www.ImageShack.us



Well, when I enter 0, there are still the Dotted boarders around my buttons.
forum_4.jpg
.
php dev/web dev | Y2M
Posted 2 months ago
Posted by MopyDud3

Posted by ToySoldiers

Posted by MopyDud3

I have all the images, and pages created on my computer, and I want the the button to take me to another page that is on my computer. For eg; I am on index.html (HomePage) and I want to go to contact.html (Contact) I have to show where the button should be linked to.

Are you going to be uploading this site to the internet? If you are the links will need to be changed, but if you type in the url on your computer in the href="" parameter, it will take you to that page. You will need the full url.

Example
When in dreamweaver (mine may look a little different, this is an older version), you need to highlight the text or image you wish to use as a link. You then need to click the browse for file button next to the hyperlink url box. (see below)

Free Image Hosting at www.ImageShack.us

You then need to select the contact.html file (navigate to it using the file browser. mine is also different, however think of center.php as contact.html) and click OK. You'll see the full url to the file on your computer appear. Click somewhere on the page and you'll have a working hyperlink. If you're using an image, be sure to enter "0" in the border box to remove any borders.

Free Image Hosting at www.ImageShack.us



Well, when I enter 0, there are still the Dotted boarders around my buttons.

Have you setup a stylesheet by any chance? Specifying a border within a stylesheet will override the value entered into the img tags.
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by ToySoldiers

Have you setup a stylesheet by any chance? Specifying a border within a stylesheet will override the value entered into the img tags.


Nope, I haven't touched any of that.
forum_4.jpg
.
php dev/web dev | Y2M
Posted 2 months ago
Would you be able to post the link to your website, and/or upload the file for me to look at?
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by ToySoldiers

Would you be able to post the link to your website, and/or upload the file for me to look at?


Ok here is a link to my website, please remember that there is nothing on there at the moment.

My Website.
forum_4.jpg
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by ToySoldiers

Posted by MopyDud3

Posted by ToySoldiers

Would you be able to post the link to your website, and/or upload the file for me to look at?


Ok here is a link to my website, please remember that there is nothing on there at the moment.

My Website.

What links are you having problems with? The links on the left menu are working fine, you just haven't added any content to any of them. It goes to the right page.


Look at the Blue and Red dots around the buttons.
forum_4.jpg
.
php dev/web dev | Y2M
Posted 2 months ago
Posted by MopyDud3

Posted by ToySoldiers

Would you be able to post the link to your website, and/or upload the file for me to look at?


Ok here is a link to my website, please remember that there is nothing on there at the moment.

My Website.


You need to add something similar to this in the <head></head> section of your page.
<style type="text/css"><br /> a.imagelink:link, a.imagelink:visited, a.imagelink:hover, a.imagelink:active {<br /> border-top-style: none;<br /> border-right-style: none;<br /> border-bottom-style: none;<br /> border-left-style: none;<br /> }<br /> </style>
Once that is in the head section, edit your image links and add the parameter class="imagelink".

Edit: Delete the br tags in the code above. No idea why they appear.
.
Put my what in your where? O_O | Y2M
Posted 2 months ago
Posted by ToySoldiers

Posted by MopyDud3

Posted by ToySoldiers

Would you be able to post the link to your website, and/or upload the file for me to look at?


Ok here is a link to my website, please remember that there is nothing on there at the moment.

My Website.


You need to add something similar to this in the <head></head> section of your page.
<style type="text/css"><br /> a.imagelink:link, a.imagelink:visited, a.imagelink:hover, a.imagelink:active {<br /> border-top-style: none;<br /> border-right-style: none;<br /> border-bottom-style: none;<br /> border-left-style: none;<br /> }<br /> </style>
Once that is in the head section, edit your image links and add the parameter class="imagelink".

Edit: Delete the br tags in the code above. No idea why they appear.


Done that, but there are still the dots.
forum_4.jpg
.
php dev/web dev | Y2M
Posted 2 months ago
Posted by MopyDud3
Done that, but there are still the dots.

I'm not gonna know unless you send me the page. I've told you everything I can think of.
Assess Thread
This feature is unavailable because the page is locked
Stamps
No stamps recorded
StampIt
Is this thread particularly good or bad in one or more areas? Stamp it!
This feature is unavailable because the page is locked
Share It!
Get HTML Code
Get BBCode
Tell a Friend
Posters Summary
Thread Stats on .
Submissions: 41
Total Views: 10,701
Total Feedback: 760 posts
Average Rating: 9/10
Unrated Threads: 40
Total Favs: 2
First Submission: 1 year ago
Latest Submission: 16 days ago
Favorite Category: FPSB > Art (9 threads)
Save It
This feature is unavailable because the page is locked