Creating a hyperlink on an image ruins my whole layout!?

Hi guys,
I have been using Dreamweaver at High School for a while, but
now am using it at university and it is version CS3.
I am not expert at websites, and am used to creating a site
in fireworks or photoshop (now), then slicing and importing into
dreamweaver. I have done this with my latest site but I am having
some wierd problems that I have never had before.
Here is how my page looks without my image (enter button)
inked to my main page (main.html)
<a href="
http://s255.photobucket.com/albums/hh129/marceta/?action=view&current=site_before.jpg"
target="_blank"><img src="
http://i255.photobucket.com/albums/hh129/marceta/site_before.jpg"
border="0" alt="Photobucket"></a>
Ok now when I link it (I have tried by dragging the
crosshairs next ot the box, and the manual method of typing it in),
this happens and the whole page looks screwed up.
<a href="
http://s255.photobucket.com/albums/hh129/marceta/?action=view&current=site_after.jpg"
target="_blank"><img src="
http://i255.photobucket.com/albums/hh129/marceta/site_after.jpg"
border="0" alt="Photobucket"></a>
This is really annoying as it happens in every page no matter
what I link. How do I fix it? It is almost as if the a href tag
increases the size of the image, or adds an invisible border that I
can not get rid of. I am sure that anyone with half a brain on
web-dev will easily be able to tell me the setting to fix this. I
dont not want to resort to using image maps.
Thanks a lot in advance,
Peter Marceta
\EDIT: sorry about the images...I tried bbcode tags [IMG] but
then realized they wouldnt work, but I couldnt get the HTML to work
either. Just clike the links and it should work.

Such a generic rule could well destroy a page's layout.
Getting rid of
borders around image links should be done with a scalpel, not
a machete....
8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"CaryD" <[email protected]> wrote in message
news:g68ibt$ljq$[email protected]..
>
quote:
Originally posted by:
Newsgroup User
> It would be much better to use this -
>
> a img { border:none; }
>
> since your suggested rule would apply to every image on
the page!
>
> Yep, it was total guess based on what appeared to be a
table layout made
> up of
> assembled pictures. Such a page would require
>
> img {display: block;}
>
> in order to render correctly in Firefox, and the lack of
code prevented a
> more
> specific selector.
>

Similar Messages

Creating a hyperlink over an image

iWeb is my first foray into the web creation world.
I created a "photo page" (File>New Page>Photos) where I used the photos there to link to other photo pages on my site. The caption below each photo provides the link to the corresponding photo page. However I also wanted to make the photo image itself a hyperlink. Using "shapes" I created squares of appropriate size and placed them over the photos. Using the Inspector I turned off fill, stroke and shadow (essentially making the square invisible). Next I highlighted the box and again using Inspector I "enabled as hyperlink" with the link going to the appropriate page.
It works great in iWeb. Once the link is activated, if i click on the photo it takes me to the appropriate photo album. However, when I publish my site and try to click on the photo using either Safari or Firefox all it does is open another window with a bigger version of that photo -- it does not jump to the link I set it to. (I made sure my invisible square was the top most layer.)
I know certain pages (such as the About Me page) have images that are designed to be hyperlinked. Is there any way I can do this on the photo page?
For those I may have confused with my description here is a link to the page I am talking about:
http://web.mac.com/diverdoc/iWeb/Our%20Home%20Page/Photo%20Albums.html
Thanks,
Wiley

you need to apply at least some effect to the shape
Thanks for that! I've consistently taken the line that you can't use Photo pages in this way. This simple trick changes everything. Great stuff.
[ Visit here for iWeb Tips, Tricks and Hacks

Can you add hyperlinks to the images created in the slideshow on the command menu?

can you add hyperlinks to the images in the slideshow created
from the command menu? thanks

On 30 Aug 2008 in macromedia.fireworks, mediastream13 wrote:
> can you add hyperlinks to the images in the slideshow
created from
> the command menu?
Unfortunately, those slideshows aren't all that flexible. I
don't think
that Adobe supplies the source for the Flash slideshows. But
if you use
the spry slideshow, you should be able to edit the HTML in
Dreamweaver to
add links.
Have a look at one of Project Seven's graphics presentation
products -
Lightshow Magic, Slide Show Magic or Image Gallery Magic.
They're $95
each, and extremely flexible in what you can do with them.
http://projectseven.com/
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

How do I add a dynamic hyperlink to an image in a CRM mail Merge?

We have a mail merge template that is being used by a number of our sales reps. The sales reps each have a unique URL they use to send out to potential customers. Their unique URL is saved on their User record in MSCRM. We want to
send out marketing pieces to prospects but we need the ability to dynamically add the user's hyperlink to an image on the mail merge (ex: an image saying "Click here") and cannot find a way to do this. Is this possible?

Hi,
This is not possible using OOTB CRM Marketing mail merge features for CRM 2013. However you can use 3rd party tools like Click Dimension for this Alternatively with MDM you are now able to use more advanced design features including what
you are trying to achieve.
http://www.microsoft.com/en-us/dynamics/marketing-customer-center/create-or-view-templates-for-email-marketing-messages.aspx
http://www.microsoft.com/en-us/dynamics/marketing-customer-center/design-message-content-using-the-graphical-editor.aspx
Hope this helps.
Minal Dahiya
blog : http://minaldahiya.blogspot.com.au/
If this post answers your question, please click "Mark As Answer" on the post and "Vote as Helpful"

How can I create a hyperlink directly in the navigation menu using iWeb09?

I would like to add a URL to an external page in the navigation menu of my website using iWeb09. I have not been able to change the URL automatically generated by iWeb09 for each new page. The best I can do is to select text or an image that I want to link to the external page. I would rather create the hyperlink directly in the navigation menu. Is there a way of doing this?

Try this...
Create a blank internal page named "Link" (actually you can name the page whatever you want.) Then in that "Link" page add an HTML Snippet with the following code:
<script type="text/javascript">
parent.window.location = "http://www.externalpage.com"; // change this to your own URL
</script>
...Once published, clicking on "Link" in iWeb’s navbar will immediately redirect to the external page. (Thanks to Cyclosaurus for the code).

How can I create a link on an image?

How can I create a link on an image?

Select your image and in the hyperlinks tool on the toolbar simply type in your site address you want to link to. be sure to include the http:// before the domain name.

How to create a hyperlink to send e-mail with attachments (INSDESIGN CS6 for DPS)

Hello,
I need to create a hyperlink button that sends e-mails having images as attachment. Can you please help?
Thank you.

You can create a link that sends an email message (mailto:)
http://developer.apple.com/library/ios/#featuredarticles/iPhoneURLScheme_Reference/Article s/MailLinks.html#//apple_ref/doc/uid/TP40007892-SW1

Cannot create a hyperlink in a text caption

The Captivate 7 User Guide says:
"Select the phrase or word you want to hyperlink. You can hyperlink text in text captions or drawing objects.
2. Click in the Format accordion of the Property Inspector and specify one of the options in the Link To list. For the description of the
options"
In the Format accordion, there is no "Link To list."
There is a set of images beside Insert, one of which represents "Insert Hyperlink." However, when you have text selected in a text caption, that icon is disabled--grayed out and unclickable. It is also disabled when you single click the text-caption object and then open the Property Inspector. The "Insert Hyperlink" icon is only enabled when you open the Property Inspector for the text caption by double-clicking the text-caption object, with no text selected--however, when you then click the "Insert Hyperlink" icon, it tells you that you must select text. Catch-22.
Does anyone know how to create a hyperlink on some text?
Also: Does that first sentence quoted from the Captivate 7 UG mean that you can in theory create a hyperlink with a drawing object? I can't see how.
Thank you,
Jeff

Yes, Lieve, I can see how entering a Shape into the equation would get me the possibility of a hyperlink. I'm not sure I know how to use the Success action you are describing, though. Do you mean that upon successfully clicking the TEB, Show the Shape (which is set as a button, and on sucessfully clicking the button the URL is opened?) If I am right, using this approach would always require the learner to open the url, whether they got the TEB correct or not.
The workaround that I came up with was to place a click box on top of my failure caption location, and set it to open the url I wanted them to copy and paste into the TEB. (Caption reads: "Please click here to open the URL and then copy and paste it into the field above." In this case, only a failure to enter the correct information would yield the requirement to click through to the correct URL.
Thanks to both Lieve and Rod!
Michele

Hyperlink within an Image

Hi you all, I really cannot figurate out how to make a standalone image that could just being clicked and then send the browser to a web page.
I've got a little logo designed in Illustrator CS3, in the attribute features I write the whole web address as http://www.web.com, Image Map: Rectangle, and then when I browse everything runs smooth, then I save my logo for Web and Devices. I save my image as a PNG. Then I have two files: the html file and within my Images folder the png file. I upload the two files to my Joomla site but up there the image is not click-able at all.
Can I get from any CS3 program an image that could being just clicked and send the browser to a web without the html file? Something like embed my hyperlink in the image?.
Hope I was clear enough about my concern.
Thanks in advance for any help in this issue.
Good day.

function(){return A.apply(null,[this].concat($A(arguments)))}
I write the whole web address as http://www.web.com, Image Map: Rectangle, and then when I browse everything runs smooth, then I save my logo for Web and Devices. I save my image as a PNG. Then I have two files: the html file and within my Images folder the png file. I upload the two files to my Joomla site but up there the image is not click-able at all.
This page was created exactly the way you described, and as you can see, the link works. You have to understand that the directory path to the image, which Illustrator writes, is a relative path. By default, Illustrator creates an Images directory next to the HTML file, and places the PNG in that directory. (You can change this in the export options.) If after uploading to your site, there is no Images folder next to the HTML page, then the HTML page will not find the image.
But you do not say the image is not appearing at all; you imply that the image is showing but the link is not working. If that's the case, then post a link or URL to the page so someone here can look at the source code.
JET

How do I add Hyperlinks to Flash Images?

I've just begun to dabble in Flash and created a neat little project first up as an experiment, but now want to learn how to take it to the next level.
I watched this tutorial...
http://youtu.be/5yjvBDgB0NA
and am now wondering how I can hyperlink the main images?
Here's the code I have:
stop();
button1.addEventListener(MouseEvent.MOUSE_OVER,showpic1);
button2.addEventListener(MouseEvent.MOUSE_OVER,showpic2);
button3.addEventListener(MouseEvent.MOUSE_OVER,showpic3);
button4.addEventListener(MouseEvent.MOUSE_OVER,showpic4);
button5.addEventListener(MouseEvent.MOUSE_OVER,showpic5);
function showpic1(Event:MouseEvent):void{
    gotoAndStop("pic1")
function showpic2(Event:MouseEvent):void{
    gotoAndStop("pic2")
function showpic3(Event:MouseEvent):void{
    gotoAndStop("pic3")
function showpic4(Event:MouseEvent):void{
    gotoAndStop("pic4")
function showpic5(Event:MouseEvent):void{
    gotoAndStop("pic5")
I tried adding this:
On (Release)
Get URL ("http://www.google.com", window="_blank")
End On
...but it makes the images rotate through in a crazy way and breaks the mouse over function.
Can anyone teach me how to create hyperlinks for each "pic"?
Thank you

OK.
Prematurely said everything was wonderful...have had a little stumble though.
The first pic ("pic1") is linking through nicely.
BUT...
"pic2" to "pic5" is giving off an error #1009
Here's the code:
stop();
button1.addEventListener(MouseEvent.MOUSE_OVER,showpic1);
button2.addEventListener(MouseEvent.MOUSE_OVER,showpic2);
button3.addEventListener(MouseEvent.MOUSE_OVER,showpic3);
button4.addEventListener(MouseEvent.MOUSE_OVER,showpic4);
button5.addEventListener(MouseEvent.MOUSE_OVER,showpic5);
facebook.addEventListener(MouseEvent.CLICK, gotoFacebook);
linkedin.addEventListener(MouseEvent.CLICK, gotoLinkedIn);
youtube.addEventListener(MouseEvent.CLICK, gotoYouTube);
twitter.addEventListener(MouseEvent.CLICK, gotoTwitter);
flickr.addEventListener(MouseEvent.CLICK, gotoFlickr);
function showpic1(Event:MouseEvent):void{
gotoAndStop("pic1")
function showpic2(Event:MouseEvent):void{
gotoAndStop("pic2")
function showpic3(Event:MouseEvent):void{
gotoAndStop("pic3")
function showpic4(Event:MouseEvent):void{
gotoAndStop("pic4")
function showpic5(Event:MouseEvent):void{
gotoAndStop("pic5")
function gotoFacebook(event:MouseEvent):void {
     var FB:URLRequest = new URLRequest("http://facebook.com/");
     navigateToURL(FB);
function gotoLinkedIn(event:MouseEvent):void {
     var LI:URLRequest = new URLRequest("http://linkedin.com/");
     navigateToURL(LI);
function gotoYouTube(event:MouseEvent):void {
     var YT:URLRequest = new URLRequest("http://youtube.com/");
     navigateToURL(YT);
function gotoTwitter(event:MouseEvent):void {
     var Tw:URLRequest = new URLRequest("http://twitter.com/");
     navigateToURL(Tw);
function gotoFlickr(event:MouseEvent):void {
     var FL:URLRequest = new URLRequest("http://flickr.com/");
     navigateToURL(FL);
I don't understand why the first linked picture works but the others dont?
Thank you for your help

Trying to create a password protected disk image in 10.8.4

Trying to create a password protected disk image in 10.8.4. I follow steps in Apple:Support but I get an error saying "Resource busy"?

Please read this whole message before doing anything.
This procedure is a diagnostic test. It’s unlikely to solve your problem. Don’t be disappointed when you find that nothing has changed after you complete it.
The purpose of the test is to determine whether the problem is caused by third-party software that loads automatically at startup or login, by a peripheral device, or by corruption of certain system caches.
Disconnect all wired peripherals except those needed for the test, and remove all aftermarket expansion cards. Boot in safe mode and log in to the account with the problem. Note: If FileVault is enabled on some models, or if a firmware password is set, or if the boot volume is a software RAID, you can’t do this. Ask for further instructions.
Safe mode is much slower to boot and run than normal, and some things won’t work at all, including sound output and Wi-Fi on certain iMacs. The next normal boot may also be somewhat slow.
The login screen appears even if you usually log in automatically. You must know your login password in order to log in. If you’ve forgotten the password, you will need to reset it before you begin. Test while in safe mode. Same problem? After testing, reboot as usual (i.e., not in safe mode) and verify that you still have the problem. Post the results of the test.

Dragging multiple pages from TOC to the topic to create automatic hyperlinks

In my project, I have few topics that contains the hyperlinks of approximately 10 topics. Now, I drag individual page from the TOC to the topic page to create automatic hyperlink. However, I want to select multiple pages in the TOC and drag them at once to create appropriate hyperlinks at once. This will save my time in creating various links.
Charudatta M.

Hi there
That's not presently possible with RoboHelp. You need to consider asking for it via the Wish Form (linked below)
Click here to open the wish form
Cheers... Rick

Create pdf with link to image library on shared server?

I want to create a pdf from an image library that's shared across a server by 20 mac users.
But I want the 'contact sheet' to include clickable links from the thumbnails within it, eg:
the user can double click and image and it will open in photoshop.
I've tried a few things via Acrobat pro and Bridge but nothing seems to match what I want.
Can anyone suggest anything?
cheers.

I want to create a pdf from an image library that's shared across a server by 20 mac users.
But I want the 'contact sheet' to include clickable links from the thumbnails within it, eg:
the user can double click and image and it will open in photoshop.
I've tried a few things via Acrobat pro and Bridge but nothing seems to match what I want.
Can anyone suggest anything?
cheers.

Problem in creating client side PDF with image using flex and AlivePD

I need a favor I am creating client side PDF with image using flex and AlivePDF for a web based application. Images have been generated on that pdf but it is creating problem for large size images as half of the image disappeared from that pdf.I am taking the image inside a canvas . How do i control my images so that they come fit on that pdf file for any image size that i take.
Thanks in advance
Atishay

I am having a similar and more serious problem. It takes a
long time to execute, but even attaching a small image balloons the
pdf to 6MB plus. After a few images it gets up to 20MB. These are
100k jpeg files being attached. The resulting PDF is too large to
email or process effectively. Does anyone know how to reduce
size/processing?

How can i create a hyperlink to individual emails?

I would like to be able to create a hyperlink to click through to individualk emails. I plan on creating a simple database in Excel and would like to be able to instantly access individual emails. I have done this in the past with files stored on my harddrive. It's a really useful way of managing thousands of emails.
Thanks!
Nick

thanks 'a brody' - i have found MailTags as a 3rd part app which may do the trick. in the past i have resorted to saving pdf print outs of mails to a hard drive and then using a hyperlink to the file. it just doesn't seem very elegant (this solution can be useful where i then share the database with colleagues using the same networked drive).
i can't imagine i'm the only person trying to categorise and track leads - perhaps i need to bite the bullet and source a really good CRM app?

Creating a hyperlink on an image ruins my whole layout!?

Similar Messages

Maybe you are looking for