View Single Post
Old 09-04-2008, 02:45 AM   #1
edbr's Avatar
Join Date: Aug 2005
Location: Bali
Posts: 11,216
Default page with different links

I have made a page here with different link styles, styles included in the head.
Hopefully it will give examples to the much asked question re "can i have different types of links?"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{font-family:Georgia, "Times New Roman", Times, serif;
color:#000000; font-size:12pt;}

a {
color:#09c; font-size:10pt; font-family:book antiqua,Trebuchet MS;

#wrapper {
    position:relative;    width:80%;    height:auto; margin-left:10%; margin-right:10%;}

    #header {    position:relative;    width:100%;    height:50px; float:left; position:relative; clear:right    ; background-color:#00FF00;} 
#sidebar {    position:relative;    width:20%;    height:auto;    float:left;    background-color:#CCCCCC;}
    .two {font-family:book antiqua,Trebuchet MS;


#footer{width:100%; height:50px; background-color:#0000FF; float:left; clear:left;}

#footer a:link {color:#FFF; font-size:16px;}
#footer a:visited {color:#FFF;font-size:16px; }
#footer a:hover{color:#FFF;font-size:16px;font-size:150%;}

.two a:link {color:#000;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
.two a:visited {color:#ff0000;font-size:14pt;
font-family:book antiqua,Trebuchet MS;
.two a: hover{color:#FF0000;font-size:14pt;
font-family:book antiqua,Trebuchet MS;

.content{width:80%; float:left; position:relative; border:#999999 solid 1px:}

<div id="wrapper"> <div id="header"> This is the header</div> <!--end header-->
<div id="sidebar">
  <a href="a_page.html">this is a standard link</a>
       <br />
   <div class="two" ><a href="a_page.html" >this is two class link    </a></div> 
</div> <!--end sidebar-->
<div class"content">Content division<br />
<a href="a_page.html">this is a standard link</a></div>

<div id="footer">
  <p><a href="a_page.html">this is any link in the footer div</a></div><!-- end footer-->
</div><!-- end wrapper-->
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline