Purple border around my link!!
Hi all,
I hope someone can help, I'm fairly new to Dreamweaver and am
having an issue with link colours.
Basically I wanted a white border around various links when
you hover over them. I do have that, but before you hover over it
there is a purple border around them that I can't get rid of. It
seems to only affect my .jpg's not my .gif's.
It's most likely something I've done :)
Many thanks,
Mark
P.s. I'm using CS4 and only the design page.
Hi all,
I hope someone can help, I'm fairly new to Dreamweaver and am
having an issue with link colours.
Basically I wanted a white border around various links when
you hover over them. I do have that, but before you hover over it
there is a purple border around them that I can't get rid of. It
seems to only affect my .jpg's not my .gif's.
It's most likely something I've done :)
Many thanks,
Mark
P.s. I'm using CS4 and only the design page.
Similar Messages
-
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">
<!--
.style1 {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
.style2 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
.style3 {font-family: Arial, Verdana, sans-serif; font-size: 12px; }
a:link {text-decoration:none;border: 0px;}
img {border: 0px;}
-->
</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,
Melaniei 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 -
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,
CJOn 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 -
Border around some links...
Borders around menu options on certain pages and not sure why
I created the pages in Photoshop, used Imageready to output
my site to HTML, then linked everything in Dreamweaver.
On most of the pages there are no problems, but certain pages
http://www.fcsafehouse.com/classes.html
* have a border around the menu item.
I checked the slices and made sure there was no gap in
between spacers and menu item.
Um help??
Also have odd spacing once I added links to the menu on
contact pageUse CSS -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Lonewulph" <[email protected]> wrote in
message
news:fbfd53$g0i$[email protected]..
> Borders around menu options on certain pages and not
sure why
>
> I created the pages in Photoshop, used Imageready to
output my site to
> HTML,
> then linked everything in Dreamweaver.
>
> On most of the pages there are no problems, but certain
pages *
>
http://www.fcsafehouse.com/classes.html
* have a border around the menu
> item.
>
> I checked the slices and made sure there was no gap in
between spacers and
> menu item.
>
> Um help??
>
> Also have odd spacing once I added links to the menu on
contact page
> -
How do I get rid of a border around a link?
I made a 'twoColFixLtHdr.css' document. I inserted .png files
(button images) into the sidebar and have these linked to documents
using the 'Browse for File' icon in the Properties window. In
Safari and IE the pages look fine in that there is no blue border
indicating that the files are linked. In Firefox, however, there is
a blue border surrounding the files. Is there any way to get rid of
this border so that it doesn't show up in Firefox?
Thanks for the help,
Lou.oO(louhosta)
>Thanks that did it. By the way, how did you learn how to
do that? I would
>never in a million years came up with that style rule "a
img" let alone adding
>{border: none; } to it! Any suggestions on how to start
learning this?
Get a tutorial/book about CSS. Learn how it relates to HTML
and which
things you can affect through CSS by changing properties.
Learn how to
address specific elements by using selectors. These selectors
are the
most powerful, but IMHO also the most underestimated feature
of CSS.
It's really not that difficult. With just some basic
knowledge, rules
like
a img {border: 0}
become almost trivial to write and understand.
Micha -
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
> -
I know this is going to turn out to be obvious, but....
http://www.fourcreeks.org/may-creek-basin/watersheds.htm
The main image is included in an <a href> to make it a
hyperlink. Before I added the link there was no border around the
image; now there is.
I've tried to set the style for the <a> to border:0;
text-decoration:none; background:transparent but nothing seems to
remove the border that was added when the link was created.
What do I need to do to get rid of the border around the
linked image?
Thanks
TomOn 27 Sep 2006 in macromedia.dreamweaver, TCarp wrote:
> I need to bring this topic back up. Using the img border
0 worked
> for the initial border around the image, but now I'm
noticing that I
> get a dashed border around the image when the link has
been visited.
> I experimented with a:visited img, a img:visited and a
few other
> combinations but nothing worked.
>
> How do I totally eliminate any borders around images
used as links
> in any state (hover, visited, etc.)?
That's an accessibility feature, so that those using adaptive
devices can
see where they are on the page. You can eliminate it - do a
web search
for 'link scrubber' - but it makes your pages less
accessible.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/email.php -
Border around a picture tha hav a link
When i put a link to a picture, I see a border around the picture when I open the page in IE, but not in Crome. Is it possible to not see the border in IE?
Knut ErikSure - use this CSS rule:
a img { border:none; } -
I placed an image, then linked it. Now I have a bright blue
box around it. Any ideas on why it is doing this?Use CSS with this rule -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"cdeatherage" <[email protected]> wrote in
message
news:el1sem$snk$[email protected]..
> The default designation in most browsers indicates links
by changing the
> text
> to blue and adding an underline or placing a blue border
around an image.
> [The
> end user can change that in his/her browser preferences,
but that is
> another
> issue.] Because you made the image a link, your browser
is showing the
> border
> around the image.
>
> The only way you can get around that is, in DW go to
page properties and
> re-set the colors for links to something that you like.
If this image is
> the
> only link on your page, you can just make the links
colors the same as
> your
> background, and it will disappear. If you have other
links on the page,
> however, this isn't going to be practical because they
will disappear, and
> that
> would not be a good thing.
> -
Just bought CS3 and dreamweaver adds a blue border to a link
when a pic is inserted. anybody know why or how to turn it off?
Thanks
gcsCS3 wants you to learn/use CSS.
1] Select the image on the page and type 0 for the Border in
the
Property Inspector.
2] Or better - add this to your CSS to remove the border
around every
image link:
a img {
border: none;
Alec
Adobe Community Expert -
Jpg Link - Cant Change Border Around Link - Explorer
I am creating a website in Blues, oranges, and some greens. I
have made some simple jpg buttons in the color scheme. I set the
Page Property- Link color and Visited links to orange, which is
what I want - but in Explorer they have a Fuscia border around them
which really messes up my color scheme.(only the linked jpg's not
all the others) However, in Netscape the jpg/link border is orange,
as I set up, and they look good. What can I do to make the Fuscia
go away?Add border="0" to the <img>:
<img src="image.jpg" alt="image description" width="300"
height="200"
border="0" />
Ken Ford
Adobe Community Expert - Dreamweaver
Fordwebs, LLC
http://www.fordwebs.com
"Betheanne_P" <[email protected]> wrote in
message
news:folqvp$ohk$[email protected]..
>I am creating a website in Blues, oranges, and some
greens. I have made
>some
> simple jpg buttons in the color scheme. I set the Page
Property- Link
> color and
> Visited links to orange, which is what I want - but in
Explorer they have
> a
> Fuscia border around them which really messes up my
color scheme.(only the
> linked jpg's not all the others) However, in Netscape
the jpg/link border
> is
> orange, as I set up, and they look good. What can I do
to make the Fuscia
> go
> away?
> -
How to make the border of a linked pciture go away in IE(8)
picture A links to picture B. A blue border around picture A appears and when I clicked picture A which now links and displays pictures B, but after going back to the page that contains picture A, there is a purple color border appears on picture A indicating the link has been visited.
I've created a CSS rule a
set border to "none", also tried setting border-width to "0", both didn't work.
How can I make the border go away? It seems only happen in IE(8) and not Firefox.
Please help, thanks.
TonyI couldn't get a img { border: none; } to work. I didn’t know where to input this line. But base on your info I've created a new CSS rule, tag img and set border to none, and it works.
I was getting a little frustrated and you have saved the day.
Thanks Bob,
Tony -
Unwanted border around swf file in IE
Can anyone tell me why I am getting a border around my swf
file with it is imbedded on a Html page and displayed in Internet
Explorer on a PC?
The swf acts as a link, (pointer becomes a finger), and when
you click once in the swf area, the border disappears and the swf
file becomes active and all other links are working .
See f.ex.
http://www.soundoil.com
I am not getting this when viewing the site in other browsers
or on the Mac.
I use Golive CS and Flash MX.
It looks like this is an IE issue. Do you know of a
workaround?
Thanks on beforehand
ggaardeI've noticed, not just in this thread but all the other "10
billion threads about this," that every single one of the fixes for
this problem are oriented towards webpage developers -- not for the
internet user. Forgive me if these forums (unbeknownst to me) are
actually dedicated solely to web developers, but I'd still like to
find a solution somewhere for this problem.
An example of the problem I'm facing. The average Joe (such
as myself) is browsing around webpages (including, for example, the
webpage for my online homework) that haven't implemented a fix for
this problem .... Thus, for every ActiveX control, forcing me to
click it first before being able to use it. Just seeing this once
isn't a big deal, but when it comes down to doing a slew of
frustrating homework problems, and being forced to do an extra
click at least once for every single problem ... that just becomes
one extra irritant. And it's a problem on a lot of other webpages
too.
I obviously can't use the "fixes" provided in these topics,
because they're
coding fixes; I can't very well go in and alter commercial
webpages. Of course, I could go and demand the Tech Support guys
for
every webpage I visit to adjust their websites and make
accomodations for this problem. But that seems like a dumb choice,
especially if there's a solution of some sort. Maybe a downloadable
update, or an option in Internet Explorer's settings. Is there
anything out there for the
user to fix this problem? Or am I SOL? Perhaps I just need
to "suck it up."
Thanks in advance. -
Purple lines around an image icon
Hi all!
Ive created some JButtons with a white background which have some ImageIcon's representing their use. Problem is a horrible purple border appears around the most recently selected image/text combination in the middle of the button. I've looked in the API's but to no avail! Does anyone know how i might go about removing this unsightly smudge on my cutting-edge designer GUI?? ;0)
Many thanksMaybe you should try the method setFocusPainted(boolean)
inherited from class AbstractButton. -
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
averyWithout 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.
Maybe you are looking for
-
How do I lock items in a bin so that sequences can't be launched, clips cannot be bent, folded or mutilated? Ideally, can I lock a bin up so it can't even be opened? (assistant editor is going to capture a bunch of tapes for me and I want to eliminat
-
Performing OCR text recognition in all pages of a PDF document which has blank pages
The PDF pages in the file are scanned as an image, but there are blank pages also. So, page 1, 2 have images of scanned text, page 3 is blank, pages 4, 5, have images of scanned text, page 6 is blank and so on.The series of blank pages is 3, 6, 9...
-
How to activate open item management to GL account.
HI Experts, In my company code one GL Account is already exists and it is not having Open item management activated as well as GL account is having 350000 USD balance in that. Now i want to activate open item management for that account, Could you pl
-
How to embed an excel file or word doc in a pdf doc
How to embed an excel file or word doc in a pdf
-
BAPI for Picking and Post Goods Issue ?
Hi All, Is there any BAPI for doing Picking and Post Goods Issue in VL02N ? I don't think we can use BAPI_OUTB_DELIVERY_CHANGE. Is it advisable to use BAPI or BDC ( if no BAPI exist ). Thanks in Advance.