Username: Password:   Forgot your password?
 
Forums
» View Categories » Coding Help & Templates » Blue/purple border around links
Previous 30
Page of 1 Next 30

Member:68,363
Posts:50
Joined:1-19-2009
Seen:11-26-2009
Aug 21,`09 11:06am | Quote | ↓
Howdy again.

I'm having another problem with code. Specifically, all my linked images have a blue/purple border around them (depending on the browser) and I can't for the life of me figure out how to change the color (I'd actually prefer no color but black will do in pinch).

The comic I'm using to work this out is actually a "dummy" comic set up to practice code. It's here:

http://www.drunkduck.com/Endstone_Attic/

I have images on the right that will be project wonderful ads on my main site. Notice the border.

I don't know if I should post code, but here we go:

<HTML>
<HEAD>
<title>
<!--[COMIC_NAME]-->
:
<!--[PAGE_TITLE]-->
</title>
<meta name="robots" content="All,INDEX,FOLLOW">
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-1'>
<link rel="stylesheet" type="text/css" href="http://www.drunkduck.com/gfx/css/global.css" />
<style type="text/css">
p,table,td {
font-family: verdana, arial, 'sans serif';
font-size: 12px;
color: #000000;
}
</style>
</HEAD>


<!--background define-->

<BODY background="" bgcolor="#000000" bgproperties="fixed" LEFTMARGIN='0' TOPMARGIN='0' MARGINWIDTH='0' MARGINHEIGHT='0' VALIGN='TOP' ALIGN='CENTER'>


<!--Title graphic-->

<CENTER><!--[COMIC_NAME_IMAGE]--></CENTER>


<!--title bar created in Dreamweaver-->

<style type="text/css">
<!--
.wh {
color: #FFF;
}
.wh {
color: #FFF;
}
.wh {
color: #FFF;
}
.wh {
color: #FFF;
}
-->
</style>
</head>

<body>
<table width="800" border="0" align="center">
<tr>
<th width="138" align="center" valign="top" bgcolor="#330000" class="wh" scope="col">WEBSITE</th>
<th width="138" bgcolor="#330000" class="wh" scope="col">CAST</th>
<th width="138" bgcolor="#330000" class="wh" scope="col">BULL CRUD</th>
<th width="139" bgcolor="#330000" class="wh" scope="col">FREE CHEESE</th>
<th width="213" bgcolor="#330000" scope="col"> </th>
</tr>
</table>




<!--Drop Down and NAV-->

<TABLE width="756" align="center" colspacing="0" colpadding="0" border="0">
<TR>
<TD WIDTH="21%"><!--[PAGE_DROPDOWN]--></TD>
<TD WIDTH="79%"><!--nav buttons-->
<CENTER>
<!--[NAV_FIRST=gfx/navfirst.gif]-->
<!--[NAV_PREVIOUS=gfx/navprev.gif]-->
<!--[NAV_NEXT=gfx/navnext.gif]-->
<!--[NAV_LAST=gfx/navlast.gif]-->
</CENTER>
</TD>
</TABLE>


<!--Table 2 cells comic page (left) and ads (right)-->

<TABLE BORDER='0' BGCOLOR="#000000" CELLPADDING='0' CELLSPACING='0' WIDTH='1000' BORDERCOLOR='#ffffff' align='center'>
<TR BGCOLOR="#ffffff">

<!--This is the left column.-->


<TD width=756 valign=top ALIGN='center'>
<BR>
<CENTER><!--[PAGE]--></CENTER>
<!--[RSS]-->
</TD>

<!--This is the right column.-->


<TD BGCOLOR="000000" width=244 valign=top ALIGN='center'>
<div align="center">
<a href="http://www.drunkduck.com/Endstone" target="_blank"> <img src="http://homepage.mac.com/the_tone/.Pictures/skyscrapper1.jpg"> </a>
<BR>
<BR>
<a href="http://www.drunkduck.com/Endstone" target="_blank"> <img src="http://homepage.mac.com/the_tone/.Pictures/square_1.jpg"> </a>
<BR>
<BR>
<a href="http://www.drunkduck.com/Endstone" target="_blank"> <img src="http://homepage.mac.com/the_tone/.Pictures/square_1.jpg"> </a>
<BR>
</TR>
</TABLE>



<!--Drop Down and NAV-->

<TABLE width="756" align="center" colspacing="0" colpadding="0" border="0">
<TR>
<TD WIDTH="21%"><!--[PAGE_DROPDOWN]--></TD>
<TD WIDTH="79%"><!--nav buttons-->
<CENTER>
<!--[NAV_FIRST=gfx/navfirst.gif]-->
<!--[NAV_PREVIOUS=gfx/navprev.gif]-->
<!--[NAV_NEXT=gfx/navnext.gif]-->
<!--[NAV_LAST=gfx/navlast.gif]-->
</CENTER>
</TD>
</TABLE>
<BR>

<!--3 CELL TABLE-->

<TABLE BORDER='1' BGCOLOR="#000000" CELLPADDING='15' CELLSPACING='0' WIDTH='1000' BORDERCOLOR='#EBECE4' align='center'>
<TR BGCOLOR="#EBECE4">

<!--This is the left column-->

<TD width=383 valign=top ALIGN='center'>
<strong>Author's Notes</strong>
<BR>
<!--[AUTHORS_NOTES]-->
<BR>
<CENTER>
<A HREF=mailto:endstonecomic@yahoo.com>Email</A>
</CENTER>
</TD>


<!--This is the center column. -->

<TD width=383 valign=top ALIGN='center'>
<CENTER><BR>
<!--[COMMENT_FORM]-->
<BR>
<strong>Comments</strong>
<BR>
<!--[COMMENTS]-->
</CENTER>

</TD>

<!--THIS IS THE RIGHT COLUMN-->
<TD width=234 valign=top ALIGN='center'>
<CENTER><BR>
<!--Tip-->

</form>
<BR>

<!--nomination-->

<div align="Center"><a href=""><img src="http://homepage.mac.com/the_tone/.Pictures/nom09_fantasy.jpg" width="230" height="60" alt="center" /></a></div>

<!--end nomination-->

</TABLE>

<BR>





<!--End stuff. Don't change.-->

</TR>
</TABLE>

<BR><BR>
</CENTER>
</BODY>


</HTML>




If anyone can be of help I appreciate it.
 
skoolmunkee
Admin
Send a private quack!
Member:56
Posts:5,884
Joined:1-2-2006
Seen:11-26-2009
Aug 21,`09 11:30am | Quote | ↓
Up in the css area, you need to add a line that says:

img {
border-style: none ;
}

This will make it apply to every image on the page, not just the linked images, so if there are images you want to have a border we need to try something different. :]

This post was last edited on Aug 21,`09 11:30am
 
Member:68,363
Posts:50
Joined:1-19-2009
Seen:11-26-2009
Aug 21,`09 12:38pm | Quote | ↓
Thanks, that did the trick!

Previous 30
Page of 1 Next 30

Reply
 

Not Registered?
Signup for a FREE Account!


Registered users can:
Comment on comics!
Create their own comics!
Vote in polls and contests!
Use the forums!
   Latest News
   DD Cam (Now Featuring: DDBook)