Hi I am very new to this. I have been using a WYSISYG program, coffee cup.
I find it very easy and quick to use. I have been trying to do some SEO but thats seems to be sorted, with coffee cup the <p> seemed not to be "read" by google so I added html.
Our SEO went up huge amounts.
The probelm is now , I noticed this by chance, I got a new pc with a huge screen rosultion 1496 x 1024 I think, my web page
http://www.amdivers.co.uk looks totally different to how it looks on the laptop which I produced it on screen resolution 1024x768.
I then heard of opera,safari and firefox.
The page dont look to bad, I am now in a revamp trying to use CSS and standard html.
I am working off line the css is :-
!-- Style sheet create by Mark Mawson MSDT 639071-->
<!--
http://www.amdivers.co.uk -->
<style type="text/css">
<!-- Set Link colours and underlining -->
a:link {text-decoration: none; color: rgb(0,0,255)};
a:visited {text-decoration: none; color: rgb(0,0,0)};
a:hover {text-decoration: none; color: rgb(0,0,255)};
<!-- body -->
body
text-align: left;
color: #000;
font-family: Verdana;
font-size: 13px;
white-space: wrap;
}
p
text-align: left;
color: #000;
font-family: Verdana;
font-size: 85%;
white-space: wrap;
}
h1
{
text-align: left;
color: #000;
font-family: Verdana;
font-style: bold;
font-size: 120%;
}
h3
{
text-align: left;
color: #00f;
font-family: Verdana;
font-style: bold;
font-size: 110%;
}
#col1
{
float: left;
width: 20%;
margin-left: 3%;
display: inline;
}
#Head1
{
float: left;
width: 48%;
margin-left: 3%;
position:absolute;
top:18%;
left:25%;
font-size: 100%;
display: inline;
}
#Head2
{
float: left;
width: 48%;
margin-left: 3%;
position:absolute;
top:30%;
left:25%;
display: inline;
}
#col2
{
float: left;
width: 40%;
margin-left: 3%;
position:absolute;
top:45%;
left:25%;
display: inline;z-index:5;
}
#col3
{
float: left;
width: 20%;
margin-left: 3%;
display: inline;
}
img.amlogo
{
position:absolute;
top:18%;
left:3%;
}
img.PADIlogo
{
position:absolute;
top:18%;
left:80%;
}
img.AMPic
{
position: absolute;
bottom:-35%;
left:50%;z-index:0;
}
img.Backround
{
position:absolute;
top:1%;
left:1%;z-index:0;
}
img.Footer
{
position:absolute;
bottom:-45%;
left:1%;
}
<!-- Menu buttons -->
<!-- Home -->
img.hb
{
position:absolute;
top:2.2%;
left:16.3%; z-index: 3;
}
<!-- Courses -->
img.cb
{
position:absolute;
top:2.2%;
left:27.4%; z-index: 3;
}
<!-- Staff -->
img.sb
{
position:absolute;
top:2.2%;
left:38.5%; z-index: 3;
}
<!-- Trips -->
img.tb
{
position:absolute;
top:2.2%;
left:49.6%; z-index: 3;
}
<!-- Contact Us -->
img.cub
{
position:absolute;
top:2.2%;
left:60.6%; z-index: 3;
}
<!-- Photo Gallery -->
img.pgb
{
position:absolute;
top:2.2%;
left:71.7%; z-index: 3;
}
<!-- News -->
img.nwb
{
position:absolute;
top:2.2%;
left:82.7%; z-index: 3;
}
<!-- AM Divers Contact details -->
#postal
{
position:absolute;
top:78%;
left:3%;
font-size: 85%;
}
<!-- AM Divers Rise and Dive -->
#RAD
{
position:absolute;
top:45%;
left:3%;
font-size: 85%;
}
#TRYD
{
width:15%;
position:absolute;
top:55%;
left:3%;
font-size: 85%;
}
#news1
{
width:15%;
position:absolute;
top:55%;
left:80%;
font-size: 85%;
}
#news2
{
width:15%;
position:absolute;
top:65%;
left:80%;
font-size: 85%;
}
#news3
{
width:15%;
position:absolute;
top:75%;
left:80;
font-size: 85%;
}
img.Uselink
{
position:absolute;
bottom:-10%;
left:3%;
font-size: 85%;
}
</style>
My web page is :-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- Created by Mark Mawson
webmaster@amdivers.co.uk -->
<!--
http://www.amdivers.co.uk -->
<meta name="keywords" content="Scuba, Dive,learn, Diver, Diving, Hull, Try Dive, PADI, Padi, Open water, Advanced Open water, Rescue Diver, DiveMaster, Master Scuba Diver, Instructor, Instructors">
<meta name="description" content="Learn to Scuba Dive with Alison and Mark. New to Scuba diving, need more experience, join us in Hull. We can help further your eduction. We can take you through the experience of PADI Discover Scuba all the way to PADI Dive Master. ">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="verify-v1" content="0vcRfHxNfwWBs+iGF+liLMhIxTwF8Ietps4tTKdmz rA=" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="AM Divers">
<meta name="Robots" content="INDEX,FOLLOW">
<meta name="Revisit-after" content="1 Day">
<title> AM Divers - Scuba Diving Hull </title>
<link rel="stylesheet" type="text/css" href="C:\Documents and Settings\User\My Documents\WEBPAGEHTML\amdivers_layout.css" head="">
<!-- Try Dives FLASH -->
</head>
<body>
<!-- Header and Footer creation -->
<img class="Backround" src="
http://amdivers.co.uk/AM Divers images/Web Page Back.jpg" width=100%
height=15% border=0 alt="AM Divers Scuba Dive Hull"align=top border="0" ></div>
<img class="Footer" src="
http://amdivers.co.uk/AM Divers images/Web Page Back.jpg" width=100%
height=5% border=0 alt="AM Divers Scuba Dive Hull" align=bottom border="0" ></div>
<!-- Main Menu web Buttons-->
<a href="
