Removing hyperlink border around image/auto forward

I made an image on a webpage into a hyperlink. However, I would like to remove the visual hyperlink border...the one that is blue before you visit it, and purple afterwards. How can I do this?
Add this to your CSS -
a img { border:none; }
And on a related note, how can I set the hyperlink to automatically move to the linked page after a certain amount of time, say 10 seconds?
You'd have to have the onclick attribute of the anchor tag call a delaying javsacript routine that only releases after 10 seconds. It's bound to be confusing, though.

Similar Messages

How to remove black border around image files?

I'm something of a beginner with Photoshop, so forgive me if I've missed something entirely obvious: for some strange reason I'm now getting a black border around all image files that I save through the "Save for Web & Devices" panel. Does anyone know how I can save without creating this border? It looks rather unsightly when I load it into a client site. The file in question is a .png, but I seem to be getting the same effect with all other image files as well.
Thanks in advance,
Shane

One cause could be having the matte color set to something other than none.
Is that a png-8?
MTSTUNER

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

Removing the border around a PopUpButton

Hi,
Is there a way to remove the border around a PopUpButton,
especially the vertical border between the label and the "down"
arrow (such that it looks like one button, not two)? Thanks in
advance.
-los

My response by email got garbled.
It should look something like this:
Button.blankButton{
    upSkin: Embed(source='assets/blank_btn_up.png');
    overSkin: Embed(source='assets/blank_btn_over.png');
    downSkin: Embed(source='assets/blank_btn_down.png');
    disabledSkin: Embed(source='assets/blank_btn_disabled.png');
Harbs

Removing border around image with link

I know this is really basic but I can't find anywhere how to
avoid having a purple border around a linked image. Help
please!

Nope. Not if you want valid XHTML.
CSS does the trick -
a img { border:none; }
*and* you don't have to add it to each individual <img>
tag.
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
==================
"Dan.Smith" <[email protected]> wrote in
message
news:gn22if$i6k$[email protected]..
> border="0"
>
> <img src="myImage.jpg" alt="a" width="22" height="22"
border="0" />
>
> --
> Dan Smith > adobe community expert
> Flash Helps >
http://www.smithmediafusion.com/blog/?cat=11
> twitter:
http://twitter.com/dmode
>

Remove Black Border Around Embedded Flash Video

Hi-
I have searched on the Web without luck, so again I have to
turn tot he forum for help. I believe this should be simple and
straightforward, but doesn't appear so. I have a simple little
Flash video embedded in a plain old web page created with DW8. When
the page is displayed in my web browser it has a thin black border
around the video. I would like to remove this border (such as one
might with image border=0). I have tried several "fixes" ranging
from setting the BODY margin height to 0 to altering my external
style sheet. None of these worked. I even created a fresh web page
with no external style sheet at all and the border is still there.
How on earth do I get rid of that ugly thing? Any help is greatly
appreciated.
-=SB

can we see this border? URL?
Chris Georgenes
Adobe Community Expert
www.mudbubble.com
www.keyframer.com
www.howtocheatinflash.com
nuie wrote:
> Hi-
>
> I have searched on the Web without luck, so again I have
to turn tot he forum
> for help. I believe this should be simple and
straightforward, but doesn't
> appear so. I have a simple little Flash video embedded
in a plain old web page
> created with DW8. When the page is displayed in my web
browser it has a thin
> black border around the video. I would like to remove
this border (such as one
> might with image border=0). I have tried several "fixes"
ranging from setting
> the BODY margin height to 0 to altering my external
style sheet. None of these
> worked. I even created a fresh web page with no external
style sheet at all and
> the border is still there. How on earth do I get rid of
that ugly thing? Any
> help is greatly appreciated.
>
> -=SB
>

Can i remove the border around the header?

the border that is automatically created around the header box is creating an annoying separation between the header and page background.. can i get rid of it?

Please post some code and/or a link to the page(s) you are talking about. To make sure you get help in the most efficient manner possible, read these posts first:
http://forums.adobe.com/thread/470404
http://forums.adobe.com/thread/427712
Just a wild guess, but if your "header box" is an image that is also a hyperlink, you might want to do a Google search on this very common behavior to find a solution:
http://www.google.com/search?q=border+around+linked+images+html
Cheers!

Thin white border around image in browser

In Firefox and Safari a thin white border appears around a
black image. My background is black so.....is it a matter of the
blacks being slightly different? I'd like the image to appear
seamless on the page. How can I fix this?
http://wall-eye.com/about.html
(it's the Walleye eye navigation image)
keith

Hi, Even when you assign 100% to width and height you will notice one black border around applet in case of IE5.0 When I go in to full srceen mode in IE 5.0 It should not show me scrollbars.
But because of this border scrollbar remains

White border around images in Easy Rotator

I would like for there to be a small white border around my images when i put them into easy rotator. I really just want there to be about a 5 px space around them that is really just the background. I cant seem to find the right place in the code to make the div that holds the background color... which is white...to make it have like a 5 px padding..
or even make a 5 px margin around all images.
I even tried to place the border around my images when placing them in the rotator but the top still pushed all the way up and there was only the white space on the left right and obviously the bottom where the dots are that shows which number slide I am on.
Where in the code will I find this so I can manipulate it... thanks again for always helping
avery

Without a link, it's all guesswork.
Use Chrome or Firefox to preview your page. Right Click and select Inspect Elements. This should give you some idea of which CSS selectors are used by Easy Rotator.
Nancy O.

Problem with white border around images

Hey guys,
I'm new to the creative suite and have just finished running through all of the video tutorials, etc. I'm having a small problem which can be seen in the sample site I'm fooling around with here:
http://www.andrewedunn.com/gsd/
I'd like to get rid of the small white border around the "GS" logo. It is an illustrator document.
Basically I put the letters in place, converted them to paths (so I can resize it) and dropped it in my GoLive document as a smart object.
A google such suggested rasterizing, but I couldn't get it to work after fooling with it a little bit.
Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive? The one time I tried it, the drop shadow was placed on top of a white background.
Any suggestions would be appreciated!

Are your background images always going to be displayed left-aligned on a black background and always the same size, so that the left half of the logo will always be over the photo and the right half will always be over the black? Or will the size or placement of the photos vary?
Are all of the photographs in approximately the same moderate tonal range, or will some be bright and some dark?
If the background will be consistently as you show it, you should be able to anti-alias your logo against a medium gray on the left and black on the right for acceptable results. If the background is more varied, you are not going to get good results with either GIF or JPG format.
See this related thread:
http://www.adobeforums.com/cgi-bin/webx/.3bc38b6e/3
> Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive?
Only by exporting as a transparent PNG, but then older browers won't display it properly.
If you are really needing to have a logo that casts transparent drop shadows on top of a wide variety of images, you might consider going the Flash route, even though you aren't planning animation. Flash has very good transparency handling, and there are Flash player plugins that are compatible with browsers that won't display PNG images.

Dynamic Border around image

hi there,
i have a main flash movie (main.fla) which has images placed
on the screen.
Each image has an invisible button placed on it.. (ie: the
button has only
the hitarea defined and no rollover, down etc.)
NOTE: that the images are different in sizes. hence they have
different
width and height.
I tried making a movieclip of 200 x 200 in size with a 1px
border around it
and dynamically making it adjust to the width and height of
the images. BUT
i seem to be hacing the following problem-
1) for images that are larger in size than the border
movieclip.. the border
tends to thicken.
2) for images that are smaller than the border movieclip..
the border tends
to get more thinner
Required-
OnRollover of an image.. it should have a border around it,
inorder to
highlite the selected image. Lets say, a 1px border and red
in color. How do
i achieve this?
Would really appreciate if someone would provide a simple
code to achieve
this as i am not used to programming.
Please help..
thanx

yep, thats cause when you stretch your mc the lines will
stretch with it.
if you are using flash 8, use the 9slice guides.
for the mc that contains your border go into the preferances,
and you will find a check box for the 9slice thingy (technical
term)
check that, then double click on the library symbel to edit
it.
you will find flash has drawn four dashed lines.
move these so that they mark the inward edge of your borders.
basically the area inside these guides stretches normally
the corners don't stretch
and the edges stretch either horizonally or vertically
for more info look in the help.
oh, and don't transform (rotate skew etc) your mc once on the
stage or you'll loose your slices...
best

Red Border Around Image

Hi,
In Photoshop CS3 I'm creating a 5 x5 pixel image in a green color. On my canvas it shows it completely green. I then emboss it. Before and after I emboss it I look at the navigator window and I see this red border around the green image. After I save it as a PSD file and then bring it into Dreamweaver, I can see the red border when viewing in IE. I tried making the background and foreground green but still a red border. Am I missing something?
Thanks
Steve

You're confusing some things...
The red rectangle in the Navigator window has nothing to do with the content of your image. It shows you what part of your image you're looking at in the main window.
If you're saving your file an seeing the red border in the image, you have somehow saved the red color in the image, or the way you're using the image has put a border around it. For example, put in a web page a certain way a browser might put a border around the image to indicate that it's a link. I'm not familiar with DreamWeaver, but I suspect from what you're describing the red isn't really in the image.
Do you see the red in the image when you use an image viewer to view the file from within your folder?
Please post the image here (use the little camera icon just above where you type) and we'll let you know if we see any red.
-Noel

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

Why do I have yellowish border around image shadows?

Why do I have a faint yellowish border around my images' shadows in a Keynote presentation?
Thanks,
Jayne

I actually took my mac to an Apple store for them to look at this problem.
Four people looked at it including a creative person, a genius and a few technical people.
To no avail... they had no resolution!
Does anybody out there have a solution??
Thanks.

Firefox wont put border around image

Hi
Ive created a intro page for my new blog
www.saltalamacchia.co.uk
The problem I am having is that in firefox it isnt putting
the containers border around the image.
All's fine in IE. I can get arount it by putting a footer div
in and making the image its background.
However thats not the way I want to do it.
Any ideas as to how I can correct this for firefox. ie an
image in a container while still maintaining the containers border
Thanks in advance
Carlo

Should work: wrap everying (content and footer) inside an
outer wrapper div
and place a border on that instead.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"Softpages" <[email protected]> wrote in
message
news:esfh01$dln$[email protected]..
> Hi
> Ive created a intro page for my new blog
> www.saltalamacchia.co.uk
> The problem I am having is that in firefox it isnt
putting the containers
> border around the image.
> All's fine in IE. I can get arount it by putting a
footer div in and
> making
> the image its background.
> However thats not the way I want to do it.
>
> Any ideas as to how I can correct this for firefox. ie
an image in a
> container while still maintaining the containers border
> Thanks in advance
> Carlo
>

Removing hyperlink border around image/auto forward

Similar Messages

Maybe you are looking for