Copy link to clipboard
Copied
This may be a simple fix but I can't see, to find it. I'm trying to link some text to a different link I created. When I link the pages I text turns purple and there is an underline. I was wondering if I can link these pages without having the text be purple and without the underline.
here is the code to the whole page, I'm not sure if it's needed but I'm providing just incase
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simple Theme</title>
<link href="css/multiColumnTemplate.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="BACK">
<div class="container">
<header>
<div class="primary_header">
<h1 class="title"><a href="home1.html"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/sitelogo.png" alt="" width="90" height="89" class="logo">IRONSIDE JIU JITSU</a></h1>
</div>
<nav class="secondary_header">
<ul>
<li >ABOUT</li>
<li>FAQ</li>
<li>SCHEDULE</li>
<li>GALLERY</li>
<li>CONTACT</li>
</ul>
</nav>
</header>
<section>
<h2 class="noDisplay">Main Content</h2>
<article class="left_article">
<h3>Train with champs today</h3>
<p>Iron Side is home of many champions. We are proud of our heritage. Our Academy is directly associated with the following Instructors and Institutions, Rigan Machado, Patrick Tray, Mikey, Eric Paulson, Jim, Andrew. We run a top-notch Jiu Jitsu academy in the heart of Woodbridge. All of our instructors are still actively and successfully competing at the highest levels of the sport. Our dream and goal is for IronSide Jiu Jitsu to be a school where, male or female, a serious student training only at our academy can become a World Champion; where a student in their early teens can come and experience all the benefits of a martial arts lifestyle; 6where a hobbyist can come and enjoy themselves while exercising and learning; where everyone comes together in a family-like atmosphere, with the mutual goal of improving their Jiu Jitsu, and allowing Jiu Jitsu to improve their lives. </p>
<p>IronSide Jiu-Jitsu was the very first school in the area to offer so the rare, yet highly effective art form in one place. IronSide quickly turned into a full-time academy. Civilians could learn martial arts styles "no one had ever heard of." Mr. Tray helped established his first academy in Woodbridge, VA, in order to offer allow everyone the opportunity to benefit from his martial arts background. </p>
</article>
<aside class="right_article" style="margin-top: 120px">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200">
<param name="movie" value="images/imageflash.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/imageflash.swf" width="400" height="200">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</aside>
<aside class="right_article"> </aside>
</section>
<div class="row">
<div class="columns">
<p class="thumbnail_align"> <img src="images/joao-miyao.png" width="140" height="138" alt=""/> </p>
<h4>Paulo Miyao</h4>
<p>Paulo Henrique Bordignon Miyao is a Brazilian BJJ black belt with a notable competitive record. He and his brother João are particularly known for their competitive rivalry with Keenan Cornelius.</p>
</div>
<div class="columns">
<p class="thumbnail_align"> <img src="images/paulomiyao.png" width="140" height="138" alt=""/> </p>
<h4>Joao Miyao</h4>
<p>João Miyao is a black belt in Brazilian Jiu Jitsu graduated by Cicero Costha who competes for the PSLPB academy (Projeto Social Lutando Pelo Bem). Considered a prodigy of the sport since his teens, João and his twin brother Paulo Miyao (also known as the Myiao Brothers) have piled up medals in the world’s most important tournaments, being among the very best competitors of their generation.</p>
</div>
<div class="columns">
<p class="thumbnail_align"> <img src="file:///C|/Users/Freshsole/Desktop/newsite/images/dillondanis.png" width="140" height="138" alt=""/> </p>
<h4>Dillon Danis</h4>
<p>Dillon Danis is a Brazilian jiu jitsu black belt under Marcelo Garcia, being part of a fruitful generation of grapplers produced by the well respected Alliance New York academy head coach. Dillon Danis made a name for himself during his 2014 brown belt campaign, through his incredible performances in some of jiu jitsu’s hardest tournaments by showcasing a forward motion, crowd pleasing style which brought him worldwide recognition in the sport. </p>
</div>
<div class="columns">
<p class="thumbnail_align"> <img src="file:///C|/Users/Freshsole/Desktop/newsite/images/leo.png" width="140" height="138" alt=""/> </p>
<h4>Leandro Lo</h4>
<p>Leandro Lo is one of the top Brazilian jiu jitsu competitors of his generation. A natural lightweight athlete (76kg/168lbs), Leandro ventured in various weight classes to test his technique, including at the highest stage of jiu jitsu – the World Championship – where he earned titles in 3 different weight categories (light, middle and medium heavyweight).</p>
</div>
</div>
<div class="row blockDisplay">
<div class="column_half left_half">
<h2 class="column_title">STAY UPDATED</h2>
</div>
<div class="column_half right_half">
<h2 class="column_title">WITH US</h2>
</div>
</div>
<div class="social">
<p class="social_icon"><a href="https://twitter.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/twitter.png" alt="" width="220" height="147" class="thumbnail"></a></p>
<p class="social_icon"><a href="https://www.facebook.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/facebook.png" width="2400" alt="" class="thumbnail"></a></p>
<p class="social_icon"><a href="https://www.instagram.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/IG.png" width="466" alt="" class="thumbnail"></a></p>
<p class="social_icon"><a href="https://www.youtube.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/YT.png" width="1024" alt="" class="thumbnail"></a></p>
</div>
<footer class="secondary_header footer">
<div class="copyright">ironside<br>
</div>
</footer>
</div>
</body>
</html>
Copy link to clipboard
Copied
What links styles have you defined in your CSS code?
CSs Pseudo-Class (links).
a {text-decoration:none; color: black}
a:visited {color: #CCC}
a:hover, a:active, a:focus {
text-decoration:underline; color: red}
Copy link to clipboard
Copied
I do not think I have defined any, I started with one of the templates they offer Dreamweaver offers. So one may have been defined already?
Copy link to clipboard
Copied
Styling links is a very fundamental CSS task. However, if CSS and coding is not how you want to spend your time, you might want to look into add-on tools that will do what you want visually. One of our Dreamweaver HTML Toolkits might be helpful for you. Of course, you can do the coding yourself if that's what you prefer.
Copy link to clipboard
Copied
By default, browsers style links with blue underscored text. This is for accessibility reasons to show people which text is an active hyperlink. Purple usually means it's a visited link.
The code I posted above is an example of link pseudo-class styles. Adjust to suit your desires.
Copy link to clipboard
Copied
Copy link to clipboard
Copied
Many thanks, helpful informations.
Copy link to clipboard
Copied
glad that it helps, you're welcome
Copy link to clipboard
Copied
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simple Theme</title>
<link href="css/multiColumnTemplate.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="BACK">
<div class="container">
<header>
<div class="primary_header">
<h1 class="title"><a href="home1.html" target="_self"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/sitelogo.png" alt="" width="90" height="89" class="logo">IRONSIDE JIU JITSU</a></h1>
</div>
<nav class="secondary_header">
<ul>
<li ><a href="home1.html" target="_self">ABOUT</a></li>
<li><a href="faq.html" target="_self">FAQ</a></li>
<li><a href="schedule.html" target="_self">SCHEDULE</a></li>
<li><a href="gallery.html" target="_self">GALLERY</a></li>
<li><a href="contact.html" target="_self">CONTACT</a></li>
</ul>
</nav>
</header>
<section>
<h2 class="noDisplay">Main Content</h2>
<article class="left_article">
<h3>WHAT ARE WE ABOUT?</h3>
<h3>Training with champs</h3>
<p>Iron Side is home of many champions. We are proud of our heritage. Our Academy is directly associated with the following Instructors and Institutions, Rigan Machado, Patrick Tray, Mikey, Eric Paulson, Jim, Andrew. We run a top-notch Jiu Jitsu academy in the heart of Woodbridge. All of our instructors are still actively and successfully competing at the highest levels of the sport. Our dream and goal is for IronSide Jiu Jitsu to be a school where, male or female, a serious student training only at our academy can become a World Champion; where a student in their early teens can come and experience all the benefits of a martial arts lifestyle; 6where a hobbyist can come and enjoy themselves while exercising and learning; where everyone comes together in a family-like atmosphere, with the mutual goal of improving their Jiu Jitsu, and allowing Jiu Jitsu to improve their lives. </p>
<p>IronSide Jiu-Jitsu was the very first school in the area to offer so the rare, yet highly effective art form in one place. IronSide quickly turned into a full-time academy. Civilians could learn martial arts styles "no one had ever heard of." Mr. Tray helped established his first academy in Woodbridge, VA, in order to offer allow everyone the opportunity to benefit from his martial arts background. </p>
</article>
<aside class="right_article" style="margin-top: 120px">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200">
<param name="movie" value="images/imageflash.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/imageflash.swf" width="400" height="200">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</aside>
<aside class="right_article"> </aside>
</section>
<div class="row">
<div class="columns">
<p class="thumbnail_align"> <img src="images/joao-miyao.png" width="140" height="138" alt=""/> </p>
<h4>Paulo Miyao</h4>
<p>Paulo Henrique Bordignon Miyao is a Brazilian BJJ black belt with a notable competitive record. He and his brother João are particularly known for their competitive rivalry with Keenan Cornelius.</p>
</div>
<div class="columns">
<p class="thumbnail_align"> <img src="images/paulomiyao.png" width="140" height="138" alt=""/> </p>
<h4>Joao Miyao</h4>
<p>João Miyao is a black belt in Brazilian Jiu Jitsu graduated by Cicero Costha who competes for the PSLPB academy (Projeto Social Lutando Pelo Bem). Considered a prodigy of the sport since his teens, João and his twin brother Paulo Miyao (also known as the Myiao Brothers) have piled up medals in the world’s most important tournaments, being among the very best competitors of their generation.</p>
</div>
<div class="columns">
<p class="thumbnail_align"> <img src="file:///C|/Users/Freshsole/Desktop/newsite/images/dillondanis.png" width="140" height="138" alt=""/> </p>
<h4>Dillon Danis</h4>
<p>Dillon Danis is a Brazilian jiu jitsu black belt under Marcelo Garcia, being part of a fruitful generation of grapplers produced by the well respected Alliance New York academy head coach. Dillon Danis made a name for himself during his 2014 brown belt campaign, through his incredible performances in some of jiu jitsu’s hardest tournaments by showcasing a forward motion, crowd pleasing style which brought him worldwide recognition in the sport. </p>
</div>
<div class="columns">
<p class="thumbnail_align"> <img src="file:///C|/Users/Freshsole/Desktop/newsite/images/leo.png" width="140" height="138" alt=""/> </p>
<h4>Leandro Lo</h4>
<p>Leandro Lo is one of the top Brazilian jiu jitsu competitors of his generation. A natural lightweight athlete (76kg/168lbs), Leandro ventured in various weight classes to test his technique, including at the highest stage of jiu jitsu – the World Championship – where he earned titles in 3 different weight categories (light, middle and medium heavyweight).</p>
</div>
</div>
<div class="row blockDisplay">
<div class="column_half left_half">
<h2 class="column_title">STAY UPDATED</h2>
</div>
<div class="column_half right_half">
<h2 class="column_title">WITH US</h2>
</div>
</div>
<div class="social">
<p class="social_icon"><a href="https://twitter.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/twitter.png" alt="" width="220" height="147" class="thumbnail"></a></p>
<p class="social_icon"><a href="https://www.facebook.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/facebook.png" width="2400" alt="" class="thumbnail"></a></p>
<p class="social_icon"><a href="https://www.instagram.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/IG.png" width="466" alt="" class="thumbnail"></a></p>
<p class="social_icon"><a href="https://www.youtube.com/" target="_blank"><img src="file:///C|/Users/Freshsole/Desktop/newsite/images/YT.png" width="1024" alt="" class="thumbnail"></a></p>
</div>
<footer class="secondary_header footer">
<div class="copyright">ironside<br>
</div>
</footer>
</div>
</body>
</html>