-
Removing underlines from links and image borders
Just a quick question. How do you remove that annoying underline from links?
Also, how do you change the border color of an image?
"Always telling the truth means never having to remember anything"
-
be ready for it
just put this style in the head of your html page
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
img {
border: #FF0000;
}
-->
</style>
-
Thanx a lot! But my image does not have a border around it now. Do you know what is going on?
html:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
img {
border: #FF0000;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="150" height="644">
<param name=movie value="left_menu.swf">
<param name=quality value=high>
<embed src="left_menu.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="150" height="644">
</embed>
</object></td>
<td width="17" valign="top">
<div align="right">
<p> </p>
</div>
</td>
<td width="836" valign="top">
<p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="7">NewDvds.com.au</font></p>
<p align="left"><font face="Times New Roman, Times, serif" size="4">Welcome
to NewDvds.com.au! This is the place to get all the newest DVD releases
that have not even come out in Australia yet!</font></p>
<p align="left"><font face="Times New Roman, Times, serif" size="4">Currently,
our featured title is:</font></p>
<p align="left"><font face="Times New Roman, Times, serif" size="4"> <a href="friday_after_next.html">Friday
After Next<br>
<img src="friday_after_next.jpg" width="168" height="247" border="4">
</a></font></p>
</td>
</tr>
</table>
</body>
</html>
"Always telling the truth means never having to remember anything"
-
be ready for it
okay ..
well as you see the image border is 0 now .. and from the style you can change the border size and color .( border: 4px solid #0000FF; )
try this code.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
img {
border: 4px solid #0000FF;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="150" height="644">
<param name=movie value="left_menu.swf">
<param name=quality value=high>
<embed src="left_menu.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="150" height="644">
</embed>
</object></td>
<td width="17" valign="top">
<div align="right">
<p> </p>
</div>
</td>
<td width="836" valign="top">
<p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="7">NewDvds.com.au</font></p>
<p align="left"><font face="Times New Roman, Times, serif" size="4">Welcome
to NewDvds.com.au! This is the place to get all the newest DVD releases
that have not even come out in Australia yet!</font></p>
<p align="left"><font face="Times New Roman, Times, serif" size="4">Currently,
our featured title is:</font></p>
<p align="left"><font face="Times New Roman, Times, serif" size="4"> Friday
After Next<br>
<a href="friday_after_next.html"><img src="friday_after_next.jpg" width="168" height="247" border="0"></a>
</font></p>
</td>
</tr>
</table>
</body>
</html>
Regards
-
Living Proof
Hi..
You can simply turn them off in your browser.
In explorer Properties > Advanced ,
scroll down to underline links, choose Always/Hover/Never.
If someone tells you it can't be done,
it's probally because they don't know how.
-
Thanx a lot for your help!
"Always telling the truth means never having to remember anything"
-
Thanx a lot for you help guys. One last question, how do you make a link so that when the person clicks it he goes nowhere?
"Always telling the truth means never having to remember anything"
-
-
Oh, so funny. Nice one monstermash. I'm sorry, but you just make my day. But seriously, how do you make a link so when the person clicks it goes to the same web page? I do this but the page loads again, how do I make it so it doesn't load again.
"Always telling the truth means never having to remember anything"
-
just don't define a target.
-
Can you be more specific please?
"Always telling the truth means never having to remember anything"
-
so do you want a text hyperlink that doesn't have an underline and when you click it it does nothing, not even reload the page?
-
Senior Member
<a href="javascript:;">Click to go nowhere</a>
this can be useful as a link that just triggers an action (calling a javascript function)
-
"Always telling the truth means never having to remember anything"
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|