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 page

Use 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
>

Similar Messages

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

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.

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

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
>

Border around an href img

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
Tom

On 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

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?
>

I have never used my mac for desktop publishing before and am having some problems. This sounds really dumb, but I can't figure out how to put a border around a text box. Also, how do you edit the border, i.e. border color, thickness, etc. Help!

I have never used my mac for desktop publishing before and am running into some real problems. How do you put a border around a text box? Can you edit the border - color, thickness, etc.? Help!

I think the best solution is to read Pages documentation, go to Help and you have a long list of options. Pages is capable of quite sophisticated things, some features are above Nisus or Mellel, so it is not so simple to summarize things in a few lines.

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 Erik

Sure - use this CSS rule:
a img { border:none; }

Border around link image

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.
>

Border around links

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
gcs

CS3 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

Thick border around hyperlink in exported PDF (in some PDF viewers)

We are seeing an issue with the formatting of hyperlinks once a report is exported to PDF.
The problem is that the resulting PDF shows a thick black border around the hyperlink, but only when viewed in certain PDF viewers. For example, the formatting looks fine in various versions of Adobe (both Reader and Acrobat), but when viewed in PDF Converter Pro (our company's new standard) we see the thick black border.
Also, GSview completely chokes and refuses to display the PDF. Not sure if this error message is a red herring..
The problem occurs in PDF's created by the following Crystal environments:
- Full version of Crystal 2008 designer (even though Print Preview looks okay)
- A .NET web application built on Crystal 2008 components
- A .NET Windows application built on Crystal 8.5 components
It seems that our PDF output file has had this problem for at least the two years that we have been generating these reports, but was not noticed until we switched to a new standard PDF viewing application ([PDF Converter Pro|http://www.nuance.com/imaging/products/pdfconverter.asp]).
Initially, I thought that Crystal was relying on our installed PDF creation tool to generate the PDF, but I understand from this thread that Crystal uses its own PDF engine:
[Version of PDF export Engine|Version of PDF export Engine]
Any advice would be appreciated. From what I have learned so far, I think our best option might be to find a way to get users to use Adobe Reader to view the problematic PDF files.
Edited by: Shannon Wagner on Sep 23, 2009 5:16 PM - (Removed GSView output since it seemed to be messing up the format of the post.)

Hola,
does anyone know if this bug (and yes, it is a bug), has been fixed in any later version of crystal reports ?
I am using Crystal 2008 and any object with a defined hyperlink is getting a black border written into the PDF when the settings on the control explicilty say 'None' for all 4 borders of the object. This is true when the pdf exported from CR is viewed on the latest versions of Snow Leopard (Mac OSX 10.7) on any Mac computer.
This is a posting for a mac forum circa 2009 which still applies at the the time of my posting here - http://hintsforums.macworld.com/archive/index.php/t-106893.html
The problem is that the PDF exported from CR is being generated with the following settings for the border of the affected objects:
/Border [ 10 10 10 60 ]
if the top,left,right,bottom border in CR is set to 'None', then the reports designer should actually be outputting this:
/Border [ 0 0 0 0 ]
if you open the PDF in TextEdit on the mac and make the above change, the borders disappear. However this is obviously not a suitable work-around for an end-user.

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
ggaarde

I'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.

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.

Border around some links...

Similar Messages

Maybe you are looking for