I am trying to tidy up our http://www.preciseformwork.com website before I embark on a new website.
It's been a couple of years since I did a site and I was never a professional. A lot of it was thanks to angelwatt on here (thanks for all the massive help buddy
).
I've noticed on my new iphone I am getting this:
![5839563678180848033]()
It Should be looking like this
![5853709308535278641]()
Page Organisation:
I have php to get the top of the page and bottom of the page to save tediously writing all pages: and the doctype is xhtml 1.0 strict:
It's been a couple of years since I did a site and I was never a professional. A lot of it was thanks to angelwatt on here (thanks for all the massive help buddy
).I've noticed on my new iphone I am getting this:
It Should be looking like this
Page Organisation:
I have php to get the top of the page and bottom of the page to save tediously writing all pages: and the doctype is xhtml 1.0 strict:
- div id='container': 1st element that contains everything on page;
- div id='masterhead': contains logo;
- div id='nav': navigation bar;
- div id=''sidebar'; side navigation bar;
- div id='page content'; all page content;
This is where I have all page content.
CSS:
/* page */
body {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color:#000000;
}
#container {
position:relative;
width:900px;
height:100%;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
border:0px;
background-color:#000000;
}
#page-content {
position:absolute;
width:700px;
height:100%;
float:left;
clear:right;
padding:10px 10px 0 0;
}
.spacer {
clear:both;
}
.thumbs {
padding:0;
display:inline;
}
a {
padding:0;
margin:0;
border:0;
}
img {
border: none;
}
/* page */
/* headings */
#masterhead {
position:relative;
width:900px;
height:79px;
padding:0px 0px 0px 0px;
margin:5px 0 0 0;
}
#masterhead span {
background-image:url(images/logo.png);
position:absolute;
width:100%;
height:100%;
padding:0px 0px 0px 0px;
margin:0px;
color:#F8F5FF;
text-indent:-999px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Lucidia Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
font-size: 1.2em;
color:#CCCCCC;
letter-spacing:1.5px;
font-weight:500;
padding:0;
margin:0;
text-decoration:underline;
}
p {
color:#666666;
font-family: "Trebuchet", "Tahoma", "Arial", sans-serif;
letter-spacing:0.1em;
font-size:1em;
}
/* headings */
/* lists */
ul {
letter-spacing: 1px;
}
#nav {
padding:0;
margin:0;
}
#nav-list {
position:relative;
padding:0;
margin:0;
}
#nav-list li{
position:relative;
display:inline;
padding:0 2.5em 0 0;
margin:0;
font-family: "Lucidia Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
font-size: 25px;
}
#nav-list li a{
text-decoration:none;
color:#FFFFFF;
margin:0;
padding:0;
}
#nav-list li a:hover{
color:#FFF3CC;
}
#nav-list li a.no-pad {
padding:0;
margin:0;
float:right;
}
#nav-list .no-pad {
padding:0;
margin:0;
float:right;
}
#nav-list li a.highlight {
color:#FFFF66;
}
/* Sidebar Formatting */
#sidebar {
float: right;
}
#side {
color:#FFFFFF;
list-style:none;
padding: 10px 0 10px 0;
font-size: 20px;
font-family: "Lucidia Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
max-width:200px;
margin:0;
}
#side li{
text-align:right;
padding: 0 0 10px 0;
line-height:0 0 10px 0;
border-bottom: 1px solid #272727;
}
#side li a {
color:#CCCCCC;
display:block;
text-decoration:none;
}
#side li a:hover {
color:#FFF3CC;
}
#side .highlight-side {
color:#FFFF66;
}
/* lists */
/* slideshows */
.slideshow {position: relative; height: 250px; width: 393px; overflow: hidden; float:right;}
.slide { display: none; position: absolute;}
.slide.current { display: block; }
.portfolio-slides {
}
#1 {
float:left;
}
#2 {
float:left;
}
.movie {
width:auto;
float:right;
}
- div id=''sidebar'; side navigation bar;
- div id='nav': navigation bar;
- div id='masterhead': contains logo;
