Hi folks, I’m just hoping for a few adjustments that I can’t figure out:
-
I’d like to make the links for Home/Mission/Contact to be aligned to the top right of the logo and of smaller font.
-
When I hover over a link the text darkens and expands, how can I stop that? I like that it turns a darker red though.
-
On the bottom I’d like the Disclaimer and the Privacy to be aligned to the far right side.
The last point I’d like is that the style type=“text/css” media=“all” is something that was showed to me here, that’s great but then all my books don’t show this style and I’m left with asking for this type of help at a basic level. Is there books or links that can help me follow this style of coding?
Much thanks!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<title>The Health and Body Revolution - Health, Training, & Nutrition - A True Lifestyle Change
for a Better Life</title>
<meta name="keywords" content="Bootcamp, Personal Training, Health, Training, Nutrition, Kickboxing, Toronto, Muay Thai, Food, Working Out, Weights, Establishment" />
<meta name="description" content="The Health and Body Revolution is but a small window to a much bigger picture."/>
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<style type="text/css" media="all">
/*<![CDATA[*/
a:link, a:visited {color: #83002C}
a:focus, a:hover, a:active {color: #83002C, text-decoration:none; font-weight:bold}
body {font-family: "Times New Roman",Arial,Calibri,"Arial Black",sans-serif; }
#main {width:700px; height:200px; margin:0 auto 12px;}
img {border: none; }
li img {vertical-align: middle;}
p {margin:0 auto 14px;width:700px}
p#logo {text-align: center;}
table,
.navbar {margin:0 auto;text-align:center}
.navbar {background:#cfc none;color:#f00; height:2em; line-height:2em}
.center {margin:0 auto; text-align:center}
p,
div,
img {outline:dotted 0px #f00}
/*]]>*/
</style>
</head>
<body>
<div id="main" > <!-- start main div -->
<div id="utilitynav">
<i><a href="index.html">HOME</a> • <a href="mission.html">MISSION</a> • <a href="mission.html">CONTACT</a></i>
</div>
<img src="logo_homepage.jpg" alt="The Health and Body Revolution" width="700" height="200" />
<div class="navbar">
<i><a href="bootcamp.html">BOOTCAMP</a>
•
<a href="personal-training.html">PERSONAL TRAINING</a>
•
<a href="profiles.html">PROFILES</a> </i>
</div>
<br /><br /><br />
<p>
Hello, if you happen to find yourself here at this moment in time, please understand that it is under construction.<br/>
A brief rundown of The Health and Body Revolution is that it is a Health site with strong emphasis on Nutrition and Training tips. Read our <a href="mission.html">MISSION</a> section for a better understanding of our future approach.
<img src="sky.jpg" alt="Sky" width="700" height="100" />
</p>
<br /><br />
<div class="navbar">
<i><a href="bootcamp.html">BOOTCAMP</a>
•
<a href="personal-training.html">PERSONAL TRAINING</a>
•
<a href="profiles.html">PROFILES</a> </i>
</div>
<div id="footernav">
<a href=" ">Copyright © 2010 Health and Body Revolution</a>
<a href=" ">Disclaimer</a>
•
<a href=" ">Privacy</a>
</div>
</div>
</div> <!-- end main div -->
</body>
</html>