Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Prev Previous Post   Next Post Next
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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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  

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 10:22 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2021, vBulletin Solutions, Inc.