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,
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
Similar Messages
-
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 -
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
> -
DW CS3
How can I get DWCS3 to stop automatically placing a border on
image links?
DWMX automatically assigned a border=0 to each image link but
CS3 leaves it
blank so that I have to manually add the zero.
Bobby Baxter
Daylilies, Videos, & Web Design
http://happymoosegardens.com
http://thegardensite.comThank you, that resolved the issue.
Bobby Baxter
Daylilies, Videos, & Web Design
http://happymoosegardens.com
http://thegardensite.com
"David Powers" <[email protected]> wrote in message
news:gqnub8$30a$[email protected]..
> Bobby Baxter wrote:
>> How can I get DWCS3 to stop automatically placing a
border on image
>> links?
>
> Create the following style rule:
>
> a img { border: none; }
>
>> DWMX automatically assigned a border=0 to each image
link but CS3 leaves
>> it blank so that I have to manually add the zero.
>
> It was dropped in CS3 because the border attribute on
images is
> deprecated, and also because the CSS rule is much more
efficient. It
> automatically applies to every image inside a link, as
long as the style
> sheet is attached to the page.
>
> --
> David Powers
> Adobe Community Expert, Dreamweaver
>
http://foundationphp.com -
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. -
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. -
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
SteveYou'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 -
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 -
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 -
How do I take the border around the image away: http://marketingsource.businesscatalyst.com/lists/business?Preview=True
need help ASAP!Hi there,
Your URL is lukily live but that preview link , so you know only works if your logged into your site...
http://marketingsource.businesscatalyst.com/lists/business
style.css line 256 has..
#content img, .imageborder
This element has a background of white, padding and box shadow. It is not actually a border. -
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)
keithHi, 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 -
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,
ShaneOne cause could be having the matte color set to something other than none.
Is that a png-8?
MTSTUNER -
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. -
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..
thanxyep, 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 -
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
>
Maybe you are looking for
-
Mid-2010 MacBook Pro suddenly Dead
My MacBook Pro was working perfectly fine when I closed the lid and plugged it in. Fifteen minutes later I opened the lid and nothing happened. It will not turn on; no signs of life whatsoever. The only thing it will do is, with the power cord att
-
Ok we have a 4 users and I want them all to have the same Itunes account to purchase from, but I want them all to be alble to have thier own Apple ID to be able to keep contacts and things serperate. How can I change the Apple ID on our devices sinc
-
What's wrong with this firewall config? (Basic setup)
I've got a single router (IOS 15.0), 1 inside interface (vlan1) and one outside int, gig0. Using Zone-based firewall. Router has NAT, using a static entry as follows: ip nat inside source static tcp 192.168.5.150 3389 <my external ip> 35411 extenda
-
Problems with Special Characters in DBs...
We have just moved a set of tables from one db on one server to another db on another server. the only problem is that some special characters held within data on the tables aren't showing up properly on the new db. characters such as a circle with a
-
Started trying Dreamweaver CS5.5 and cannot find two options when setting up the editor: I don't want to use tabs but spaces and i'd like hidden characters to be displayed it's possible?