Hot area around non-image link

I would like to make the area immediately around a box with a link (not an image) also clickable so that the user's cursor doesn't have to be directly upon the link for it to be 'hot' = how does one do that?
Thank you.

CSS:
#divName a {
display:block;
line-height: 4em;
padding: 2em;
#divName a:link,
#divName a:visited {color:#FFD400}
#divName a:hover,
#divName a:active,
#divName a:focus {color: #006600}
HTML:
<div id="divName">
<a href="some-link.html">YOUR LINK</a>
</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Blue box around image link

I seem to get this obnoxious blue box around all image links
I create in Dreamweaver cs3. Has anyone experienced this and if so
how do I get rid of that bugger

>I am very new to this, but the way I got round this
problem was to add
>border="0" after the height="xx" for that image.
That'll work but it requires border="0" to be individually
added to every
single <img> which is a link in every single page on
your site.
The method suggested by Alec is created just the once and
applies
automatically to every single <img> which is a link on
every page both now
and into the future i.e. nil maintenance.
I know which I prefer :-)
Regards
John Waller

CS5 printing into area around image

Hi, my setup is Intel OSX 10.6 CS5 64bit Epson printer. After profiling the paper I'm using the prints are having very light layer of ink going down into the printable area around the image even though the image has ended. The only way around this at present is to extend the canvas to beyond the printable area of the paper, which is not always ideal.
Has anyone come across this or have any clues as to what is happening?
Thanks
Ted

Search the forums for previous discussions.
It could be an Epson driver bug (get an update), or a MacOS bug with ICC version4 profiles (Apple is working on it).

How do I get rid of the Blue line around an image that is a link that only happens after a click?

This is not the standard link problem. I have already put in: a img { border : none; }
That took care of not having a blue border around the image all the time.
My problem is that when I actually click on the image, it flashes with a red outline then turns bright blue and stays there untill I click off the image. Then it turns normal.
I have gone through the CSS and put (border: none) on everything I can think of. These images are in the sidebar, stacked vertically. Each is a link to a page and they are all doing the same thing.
I hope someone can help me solve this problem.
Thanks, Alice

Try:
a {
outline: 0;

Border around image link?

Hello,
I created this HTML email and only in gmail there is a purple border around the header link? I have the border setup to O. It looks great in hotmail and outlook though. Do you know why this would happen?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Guardian Credit Union</title>
<style type="text/css">

</style>
</head>
<body>
<table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td border="0"><a href="http://www.tellgcu.com/{{Purl}}"><img src="http://208.69.110.181/GCU_919743-site/images/emailHeader.jpg" alt="Urgent deadline regarding your debit/ATM card services. To keep the overdraft service you already have, we need to hear from you." /></a></td>
</tr>
<tr>
    <td><p class="style1">Dear {{CustomerName}},<br><br>In order to continue giving you the same Overdraft Services you are receiving today, we will need your permission by August 15th.</p>
      <p class="style1">Overdraft Services allow us to cover debit card purchases or ATM withdrawals for you when the transaction is more than your balance. </p>
    <p class="style1">You can choose to continue receiving that service, or to have the debit card purchase declined at the cash register. <a href="http://www.tellgcu.com/{{Purl}}">Click here to find out more!</a></p></td>
</tr>
<tr>
    <td><br><p class="style1">Sincerely,<br><br><br>Guardian Credit Union</p><br><br><br><font size="-2pt">You will be charged a paid item overdraft fee of $32 for each overdrawn item created by Debit Card purchases or ATM withdrawals. The amount of any overdraft item including our paid item overdraft fee of $32 shall be due and payable upon demand, but if no demand is made, no later than 30 calendar days after the creation of the overdraft. We may refuse to pay an overdraft item at any time even though we may have previously paid overdrafts for you. For example, we typically do not pay overdraft items if your account is not in good standing or if based upon our review of your account management, we determine that you have too many overdrafts or are using the service as a regular line of credit.</font></td></tr>
</table>
</body>
</html>
THanks,
Melanie

i know im a bit late on responding but i think what you need to do mshef534 is to put the code a img {border: 0px;} within the image ref itself i.e.
<a href="http://www.facebook.com/search/results.php?q=Samuel+Emerton&init=public#!/profile.php?id=1 00000235960932"target="_blank"><img src="facebook.png" width="43" height="43" a img {border: 0px;}/> and that should do it this worked for me happy htmling

Border around image links

What the heck is it with a blue border around image links in
CS3???? I discovered I can get rid of it by setting the border to 0
in properties but what a pain. I also noticed tables have a 1
border by default. I'm sure there is a place to change the default
but I can't find it.
Any suggestions?
thanks,
CJ

On Fri, 1 Jun 2007 13:11:16 +0000 (UTC), "SeaJaye"
<[email protected]> wrote:
>Win,
>I like the way you think. For those of us who are cake
baking challenged, could you put up a recipe for said cake?
>thanks,
>cj
Sure. This set of stuff:
*zeroes out the margins and paddings
* guarantees a vertical scrollbar (so no jumping between
short and
long pages)
* establishes colours and fonts etc. for the tags I tend to
use
* gives me a way to float images left or right
* defines a tag that I can use to clear floats (the hr tag,
in this
case, since I never use an hr as a visual element: I always
define
borders when I need them)
* styles the form and form elements
I customize these to suit.
/* CSS Document */
margin: 0;
padding: 0;
html {
height: 100%;
margin: 0;
padding: 0;
body {
min-height: 101%;
font: 100.01%/130% "Trebuchet MS", Verdana, Helvetica,
sans-serif;
color: #000;
background: #4f865b url(../images/bgTexture.png) repeat;
margin: 0;
padding: 0;
hr {
height: 0;
line-height: 0.0;
font-size: 0;
margin: 0;
padding: 0;
clear: both;
visibility: hidden;
h1, h2, h3 {
font-size: 150%;
color: #4f865b;
margin: 20px;
font-weight: bold;
h2 {
font-size: 120%;
color: #cc6600;
h3 {
font-size: 100%;
color: #4f865b;
font-style: italic;
p {
font-size: 90%;
margin: 10px 20px;
ul {
margin: 10px 20px 10px 40px;
font-size: 90%;
a:link {
color: #cc6600;
a:visited {
color: #4f865b;
a:hover, a:active, a:focus {
color: #7dd08f;
.imgLeft {
border: 1px solid #dfdabd;
padding: 5px;
float: left;
margin-right: 10px;
.imgRight {
border: 1px solid #dfdabd;
padding: 5px;
float: right;
margin-left: 10px;
/***** CONTACT FORM STYLES *****/
#content form{
margin: 0;
width:450px;
#content fieldset{
border: 1px solid #d69400;
margin-bottom: 10px;
padding:5px 5px 20px 20px;
#content legend {
font-size: 120%;
margin: 12px 0 0 0;
color: #18006a;
#content textarea{
background-color: transparent;
border: 1px solid #18006a;
height:200px;
margin:0 30px 0 0;
#content label{
display:block;
font-size:80%;
padding-top:5px;
#content button{
background-color: #ecc97d;
display:block;
width:80px;
/* sets the enquiry box to the right of the input fields */
.labelfloat{
padding-top:20px;/* float:right;*/
#content input:text, #content select{
/*background-color: #E8E2C2;*/
background-color: transparent;
border: 1px solid #18006a;
display:block;
margin:0 0 0 0;
width:200px;
/* END FORM STYLES */
Win
Win Day, Wild Rose Websites
http://www.wildrosewebsites.com
[email protected]
Skype winifredday

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

Please don't post the same question multiple times!

One more reason to put my iMAC at the curb. I can open and view Picasa photo links when I sign in via Google, but if I'm in Mail and click on the Picasa image link (my own or one someone esle sends me I can't view the images. Thye are all blank white squa

One more reason to put my iMAC at the curb. I can open and view Picasa photo links when I sign in via Google, but if I'm in Mail and click on the Picasa image link (my own or one someone else sends me) I can't view the images. They are all blank white squares. This started a few weeks ago. Why can't I view Picasa link images through Mail?

What you are experiencing is 100% related to Malware.
Sometimes a problem with Firefox may be a result of malware installed on your computer, that you may not be aware of.
You can try these free programs to scan for malware, which work with your existing antivirus software:
* [http://www.microsoft.com/security/scanner/default.aspx Microsoft Safety Scanner]
* [http://www.malwarebytes.org/products/malwarebytes_free/ MalwareBytes' Anti-Malware]
* [http://support.kaspersky.com/faq/?qid=208283363 TDSSKiller - AntiRootkit Utility]
* [http://www.surfright.nl/en/hitmanpro/ Hitman Pro]
* [http://www.eset.com/us/online-scanner/ ESET Online Scanner]
[http://windows.microsoft.com/MSE Microsoft Security Essentials] is a good permanent antivirus for Windows 7/Vista/XP if you don't already have one.
Further information can be found in the [[Troubleshoot Firefox issues caused by malware]] article.
Did this fix your problems? Please report back to us!

Has anyone had the error "The file could not be read due to an error" when selecting ignore or replace image links. The linked images are in Dropbox if that helps.

I am working on a Mac 10.9.5 with Adobe CS6. My files are locally in Dropbox but once we moved files to network and tried opening the AI - the file would not recognize the original folder location. I tried ignoring the missing images but then I receive the error - The file could not be read due to an error." The same error happens when I try replacing the first missing image. I know the problem lies in the images are linked back to my Dropbox but the AI file doesn't care since it won't let me replace or ignore the image links.

Jasion,
Maybe a bit beside the question, but it is always recommended here to open/save from/to own hard disk, and to copy from/to networks and removable media. You may be lucky, at least for a while, but it is better to be safe than sorry.
In addition to the (far greater) risk of file corruption, some issues are mentioned here:
http://helpx.adobe.com/illustrator/kb/illustrator-support-networks-removable-media.html

CS3: PDF-Export Transparency Issue when Image-Links are missing

I have a Layout with a transparent Frame on the top most Layer. For this Workflow-Step I do not have access to the original Image-Links, so I guess that all I see are the embedded Preview-Pictures and InDesign reports that all Object-Links are missing.
If I export this Layout as JPG, the resulting JPG looks like the WYSIWYG in InDesign, which is suitable for this workflow-step. However when I export as pdf, the Frame is not transparent anymore. Instead it is filled with white color and covers the rest of the Layout. In Adobe Reader I can actually select the wrongly covered Picture at the border of the frame and copy&paste it somewhere and it looks fine.
When I provide the original Frame-Picture and repair the missing Link in InDesign, PDF-Export works fine.
I have installed & updated InDesign on a new Mac OS X 10.4.11, so all settings should be default.
Transparency Blend Space is set to CMYK. I tried all default PDF-Export Profiles and tried a lot of different settings in the pdf-export dialogue including different PDF-File-Versions, Simulate Overprint on/off, Color-Conversion disabled, disabling Picture-Compression and much more. I also tried to Print a PS-File and then use the Distiller: same result.
I use Adobe InDesign CS3 V 5.0.2 and tried Adobe Reader 8.1.2 and Adobe Acrobat Pro 8 to display.
Any Ideas?

Transparency flattening REQUIRES having access to the high-resolution images to get good results. One of the slogans I teach printers is "Fatten before you flatten." Meaning, replace the low-res images with high-res images.

We are currently looking for a way to link images to a design file within programs like InDesign and Illustrator using an HTML link instead of a local file. We are hosting our images in SharePoint and need the design file to retain it's links, no matter

We are currently looking for a way to link images to a design file within programs like InDesign and Illustrator using an HTML link instead of a local file. We are hosting our images in SharePoint and need the design file to retain it's links, no matter who on our network opens the design file.

The Cloud forum is not about using individual programs
The Cloud forum is about the Cloud as a delivery & install process
If you will start at the Forums Index https://forums.adobe.com/welcome
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

Have placed video-when previewed there are sometimes heavy black lines around the image. If I place white rectangles in front, the black is hidden in Author, but when I preview the black lines are still there..How to use white rectangles to mask edges?

I have placed video - when previewed there are sometimes heavy black lines around the image.
If I place white rectangles in front, the black is hidden in Author, but when I preview the black lines are still there..
How to use white rectangles to mask edges?

Here's view in IBA you can see bounding boxes of white rectangles that
form frame to block out black setions..
Here's iBook preview image of same page, NO WHITE FRAME!
WHY?
BOB SPRAGUE

Getting Rid of Standard Colored Links Around Image Links

I have included several images on my CS4 Dreamweaver site
that link to other pages, sites, etc. when clicked. An unexpected
and annoying standard blue (active), purple (visited), etc. link
border appears around the image when viewed in IE and AOL browsers.
These do not appear in Live View in CS4. How do I get rid of this
annoyance?

.oO(DWFAQ.info)
>Who's to say what's correct and much easier?
The W3C and the HTML/CSS experts here and elsewhere.
>Not simple if you want some image links with border, some
without.
Still simple.
>To each their own.
The 'border' attribute is deprecated for a reason. It's not
only old
style, but also bloats the code, because you have to apply it
to each
and every image. A hundred images, a hundred 'border'
attributes. Quite
a waste of resources, which also makes the markup harder to
maintain.
With CSS you just need a single rule to give every image link
on every
page on the entire site the same default style, usually
borderless. If
you then want some links differently - nothing easier than
that. Either
apply a class or ID to them for individual styling or to
their parent
element to access an entire group of links at once, for
example all the
buttons in a nav bar:
a img {border: 0}
#nav a {border: 2px outset #F00}
That's it. Easy, flexible, efficient. Once you've learned
about the
power of CSS, you don't want to miss it anymore. Deprecated
and
inefficient markup was yesterday (or better last century).
Micha

Non-image files are not copied to the Backup Location

I'm on Aperture 3.0.3... I just noticed that non-image files (e.g., WAV files) are not copied into the Backup Location, although they are copied into the main folder location during an import. Does anyone else see this behavior?

Shawnsat,
Yes you can still stream from the host computer, the knowledge base article that describes this is http://docs.info.apple.com/article.html?artnum=305098. If you are attempting to display Photos on Apple TV, they must be synced to the Apple TV, per knowledge base article http://docs.info.apple.com/article.html?artnum=305139.
Cheers,
John

Image with link functions in Firefox, half of the image/link is active in Chrome, image/link dead in Safari

I have a page with 2 nav links originating from 2 different images. 1 image / link works well with Firefox, Chrome and Safari. The other image / link works well with firefox, only half of the image is active in Chrome and none of the image is active in safari. The documents links checkout fine. I have replaced the image, the container as well as relinked. The result is the same. Can someone help please? Here is a link to my site (in progress) PikiPiks: film reviews Only the first 2 images in the left column are currently linked. The first image / link for "Kiki's Delivery Service" is the problematic one. Thanks! MacOS 10.9 / Dreamweaver CS6

Fix the code errors.
Validation Results - W3C Markup Validator
I won't even talk about the liberal usage of absolute positioning -- none of which is needed. You'll soon learn that this is not the way to build web pages when this comes back to bite you in the butt. It almost looks like this layout was created in another program. Was it?
#1 On the web file names cannot contain special characters like apostrophes. <a href="Kiki'sDeliveryService.html"> is not a valid file name. You need to rename without the apostrophe.
#2 This link is pointing to a file on your local hard drive which nobody except you can see.
<a href="file:///CARBUNKLE/Users/jev/Sites/WowAbout/index.html"> That path should be pointing to your site.
Nancy O.

Hot area around non-image link

Similar Messages

Maybe you are looking for