PDA

View Full Version : bg is black and link button is black, but unwanted border


fabian9931
03-04-2008, 03:39 AM
hi, i have my backgroung as black, and my link images as black. but since its a link it comes out with a blue border. is there a way to adjust it to where you cant see the border? or making the border black to hide it? this is a image link with a black background on a black surface.. thanks in advance

edbr
03-04-2008, 09:56 AM
you can change the attributes for the a tag

fabian9931
03-04-2008, 02:06 PM
you can change the attributes for the a tag

can you explain that in more detail? im new to dreamweaver. thanks

edbr
03-05-2008, 01:32 AM
you can style the way your links appear by changing the attributes of a. here is some code that will let you determine how the links would look

.two a:link {color:#09c;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
font-weight:normal;
text-decoration:none;}

.two a:visited {color:#09c;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
font-weight:normal;
text-decoration:none;}

.two a hover{color:#FF0000;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
font-weight:normal;
text-decoration:none;}

the text-decoration: none will stop the blue line/border .
I am sure you can do this in dreamweaver using tag inspector. click css styles/new style (a symbol) and choose tag . from the drop down list choose a and a box will appear text decoration none. You will have the choice of whole site or this document only.

fabian9931
03-06-2008, 05:29 AM
hey thanks for the explanation but i cant seem to get rid of that blue border... i clicked on new ccs styel... selector was. tag was .a.... define in was new style sheet.. then click ok and another box popped to set properties on that css, which i chose no border and black and black... this is what i have....



#apDiv6 {
position:absolute;
width:100px;
height:51px;
z-index:6;
left: 707px;
top: 480px;
}
-->
</style>
<link href="text detonation.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="apDiv1"><a href="<A href="http://avamariestudios.com"><img">http://avamariestudios.com"><img src="avamariestudios copy.jpg" alt="avabanner" width="800" height="541" /></a></div>
<div class="style1" id="apDiv2">
<div align="center" class="style3">Welcome to FJMPhotography! Where images become more than a thousand words.</div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
</body>
</html>

domedia
03-06-2008, 02:52 PM
hi, i have my backgroung as black, and my link images as black. but since its a link it comes out with a blue border. Just a little warning that search engines considers this black hat seo and you're risking getting banned from them. If you don't care about search engines then nevermind :)

d a v e
03-06-2008, 08:06 PM
Just a little warning that search engines considers this black hat seo and you're risking getting banned from them. If you don't care about search engines then nevermind :)

i don't think that SEO bots can tell the colour of an image can they? ;)

edbr
03-10-2008, 02:52 AM
I didnt mean to leave thwe two. in the code it is from a class that i used
if you have the following in your sttlesheet it should eliminate the border

a:link {color:#09c;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
font-weight:normal;
text-decoration:none;}

a:visited {color:#09c;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
font-weight:normal;
text-decoration:none;}

a hover{color:#FF0000;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
font-weight:normal;
text-decoration:none;}
change the styles as you wish(text etc

domedia
03-16-2008, 08:51 PM
i don't think that SEO bots can tell the colour of an image can they? ;)
I don't think so either, but they know when your background color is set to #fff, and your text is set to #fefefe.