• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 242
  • Last Modified:

linking issue

I can't remember how I changed the style on the llink button so it doesn't underline and change color to blue when linked. Please help.
Thank you
<!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>Untitled Document</title>
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:709px;
	top:188px;
	width:55px;
	height:20px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:781px;
	top:191px;
	width:55px;
	height:27px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:842px;
	top:191px;
	width:74px;
	height:23px;
	z-index:3;
}
#apDiv4 {
	position:absolute;
	left:920px;
	top:190px;
	width:65px;
	height:21px;
	z-index:4;
}
#apDiv5 {
	position:absolute;
	left:12px;
	top:3px;
	width:435px;
	height:354px;
	z-index:1;
}
#apDiv6 {
	position:absolute;
	left:62px;
	top:554px;
	width:878px;
	height:48px;
	z-index:2;
}
.style2 {
	font-size: x-large;
	color: #016867;
}
body {
	background-image: url(images/backdrop_devotedindesign.jpg);
}
#apDiv7 {
	position:absolute;
	left:440px;
	top:209px;
	width:662px;
	height:364px;
	z-index:1;
}
#apDiv8 {
	position:absolute;
	left:186px;
	top:185px;
	width:857px;
	height:374px;
	z-index:2;
}
#apDiv9 {
	position:absolute;
	left:662px;
	top:254px;
	width:357px;
	height:302px;
	z-index:3;
}
#apDiv10 {
	position:absolute;
	left:672px;
	top:149px;
	width:370px;
	height:22px;
	z-index:4;
}
.style9 {
	color: #000000;
	font-size: 22px;
	font-family: Calibri;
	font-weight: bold;
}
#apDiv11 {
	position:absolute;
	left:751px;
	top:149px;
	width:89px;
	height:22px;
	z-index:5;
}
#apDiv12 {
	position:absolute;
	left:863px;
	top:149px;
	width:75px;
	height:22px;
	z-index:6;
}
#apDiv13 {
	position:absolute;
	left:957px;
	top:149px;
	width:75px;
	height:22px;
	z-index:7;
}
#apDiv14 {
	position:absolute;
	left:843px;
	top:148px;
	width:15px;
	height:25px;
	z-index:8;
}
#apDiv {
	position:absolute;
	left:940px;
	top:151px;
	width:15px;
	height:22px;
	z-index:8;
}
#apDiv15 {	position:absolute;
	left:747px;
	top:148px;
	width:26px;
	height:25px;
	z-index:8;
}
#apDiv16 {	position:absolute;
	left:747px;
	top:148px;
	width:26px;
	height:25px;
	z-index:8;
}
#apDiv17 {
	position:absolute;
	left:838px;
	top:559px;
	width:212px;
	height:20px;
	z-index:9;
}
.style10 {
	font-size: 12px;
	color: #000000;
}
#apDiv18 {
	position:absolute;
	left:33px;
	top:355px;
	width:72px;
	height:37px;
	z-index:10;
}
#apDiv19 {
	position:absolute;
	left:194px;
	top:190px;
	width:432px;
	height:526px;
	z-index:10;
}
#apDiv20 {
	position:absolute;
	left:654px;
	top:275px;
	width:350px;
	height:45px;
	z-index:11;
}
#apDiv21 {
	position:absolute;
	left:402px;
	top:194px;
	width:262px;
	height:19px;
	z-index:12;
}
#apDiv22 {
	position:absolute;
	left:209px;
	top:304px;
	width:495px;
	height:371px;
	z-index:13;
}
#apDiv23 {
	position:absolute;
	left:236px;
	top:229px;
	width:516px;
	height:113px;
	z-index:14;
}
#apDiv24 {
	position:absolute;
	left:818px;
	top:308px;
	width:165px;
	height:23px;
	z-index:15;
}
#apDiv25 {
	position:absolute;
	left:735px;
	top:218px;
	width:286px;
	height:205px;
	z-index:15;
}
#apDiv26 {
	position:absolute;
	left:804px;
	top:232px;
	width:225px;
	height:292px;
	z-index:15;
}
.style25 {
	font-size: large;
	color: #000000;
	font-weight: bold;
}
.style28 {color: #006768}
#apDiv27 {
	position:absolute;
	left:666px;
	top:100px;
	width:68px;
	height:19px;
	z-index:16;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
 
<body>
<div id="apDiv8">
  <p align="center">&nbsp;</p>
  <p align="justify"> </p>
  <p align="left" class="style2">&nbsp; </p>
</div>
<div class="style9" id="apDiv10"><a href="index1.html" class="style9">Home  </a></div>
<div id="apDiv11"><span class="style9">Company</span></div>
<div id="apDiv12"><span class="style9">Services</span></div>
<div id="apDiv13"><span class="style9">Co<a href="contact1.htm">ntac</a>t </span></div>
<div id="apDiv14"></div>
<div id="apDiv"></div>
<div class="style10" id="apDiv17">All rights reserved 2009 Devotedin</div>
<div id="apDiv23">
  <p align="justify" class="style25"> Fast-loading web design, made by professionals that work directly with you  all the way through the design process.&nbsp;<br />
  We will design a superior new  website or re-design your existing one!</p>
  <p align="justify" class="style25"><span class="style28"><a href="index1.html">DevotedinDesign.com</a></span> says it all. We are devoted to building your website that will both be beautiful, completly functional to your specification until you are completely satisfied - and that's a guaranty. </p>
  <p align="justify" class="style25">We are proud to provide our services at the most reasonable rate you will fine. We will work with you financially and consider the economy the way deal with several clients budgets.</p>
  <p align="justify" class="style25">Contact us at http.DevotedinDesign.com and let's get your business started on line and build a wide open market.</p>
  <p align="justify" class="style25">&nbsp;</p>
</div>
<div id="apDiv26"><img src="images/65927.jpg" alt="www" width="223" height="293" /></div>
<center>
  <img src="images/DD_banner_2.jpg" width="873" height="565" />
</center>
 
</body>
</html>

Open in new window

0
tkanz
Asked:
tkanz
  • 4
  • 4
  • 2
7 Solutions
 
KechkaCommented:
Your code looks very confusing to me....
If you just define class for normal text and put the class string in a href tag the link will be the same as the text, just underlined, if you want to define css for all links then consider use a: with visited, active, hover...
I suggest that you create a one css file for whole site, and use it across whole site. If you have this site uploaded somewhere I can help you more.
0
 
DaydreamsCommented:
Hi tkanz,

Just add this to your CSS (I made the link red; you can make it any color you like):

a:link    {
 
  text-decoration:  none;
  color: red;
  }
a:visited {
  text-decoration:  none;
  color: red;
  }
0
 
DaydreamsCommented:
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
KechkaCommented:
I check the address in your code and find the site, check your site in Firefox...
cap1.jpg
0
 
tkanzAuthor Commented:
crap.i forgot how to do that. i wiill check that ans in this stite
0
 
DaydreamsCommented:
tkanz there are a umber of issues with your site; I'm just addressing the specific question about links.
0
 
KechkaCommented:
Take a look at these files, I think that solves your problem, also in your other question. Just unpack in your root folder rename extension of root file to html, and the style.txt to style.css in scripts folder.
kechka.zip
0
 
KechkaCommented:
It also resolves your firefox problem...
0
 
tkanzAuthor Commented:
The code from daydreamer worked perfectly - thank you some much
0
 
DaydreamsCommented:
>The code from daydreamer worked perfectly - thank you some much


You're welcome tkanz and good luck with your project!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 4
  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now