6 replies [Last post]
Drunkencelt
Offline
Regular
Derby, UK
Last seen: 13 years 4 weeks ago
Derby, UK
Joined: 2007-09-18
Posts: 20
Points: 0

Hi,

I have all but finished converting an existing site I build previously into standards compliant xhtml and CSS.
I have checked the site and it validates...Great!

I have used Dreamweaver as an editor and have used the built in browser checker which chucks up the results in 'results report' attached. Is there anything there I should be concerned about? Some make refernce to 'xmln attribute' but that appears to be what is required to meet the standards.

Also most of the reports seem to relate to the contents of my css files so I also attach them here since I cannot upload them as a file:

Many thanks for your help. There is only so much to find in books. It is invaluable having the facility to ask the experts. Much appreciated.

CSS Main:

/* CSS Document */

body {
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-align:left;
background-color:#000000;
margin:0px 0px 0px 0px;
}
h1 { /* Whips title text out of view and replaces it with a graphic */
background-image:url(../images/maintitle2.jpg);
background-repeat:no-repeat;
width:450px;
height:60px;
font-size:1px;
text-indent:-999em;
}
h2 {
margin-top:1em;
font-size:1.5em;
font-style:italic;
}
h2 acronym {
border:none;
}
h3, #pt1 {
font-size:1.2em;
font-weight:bold;
}
h4 {
font-size:1em;
}

#bottomtag, #pt3 {
color:#003300;
font-size:1.1;
font-weight:bold;
font-style:italic;
}

#pt2 {
color:#FF9900;
font-size:1.4em;
font-weight:bold;
}

a {
color:#FFFFFF;
text-decoration:none;

}
img {
border:0;
}
a:hover {
color: #000000;
text-decoration:underline;
font-weight:bold;
}
#navigation ol {
list-style-type: none;
}
/*#navigation a {
font-weight:bold;*/

#header {
width:100%;
height:100px;
margin-top:18px;
}
#headerlogo {
position:absolute;
left:416px;
top:10px;
width:83px;
height:83px;
}
#maintitle {
position:absolute;
left:500px;
top:23px;
width:auto;
height:auto;
}
#headertagline {
position:absolute;
left:548px;
top:74px;
width:325px;
height:16px;
color:#FFFFFF;
font: italic bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
#headerimage {
background-image:url(../images/title_shape.gif);
background-repeat:no-repeat;
background-position:bottom left;
position:absolute;
left:382px;
top:71px;
width:49px;
height:47px;
}
#navigation {
float:left;
width:383px;
height:100px;
border-top:18px;
background-color: #999999;
}
#nav1 {
float:left;
width:175px;
height:92px;
padding:0;
}
#nav2 {
float:right;
width:198px;
height:92px;
padding:0;
}
#montagelevel {
clear:both;
background-color:#FFFFFF;
display:inline-block;/*sets haslayout in IE*/
overflow: hidden; /*sets new block formatting context in
modern browsers*/
}
#montagelevel {
display:block; /*restores display*/
}
#imagestriptagline {
width:275px;
height:50px;
margin:5px 0 0 400px;
z-index:2;
}
#montage {
float:left;
height:245px;
background-image:url(../images/main_montage.jpg);
background-repeat:no-repeat;
}
#contentlevel {
background-color:#FFFFFF;
display:inline-block; /*sets haslayout in IE*/
overflow: hidden; /*sets new block formatting context in
modern browsers*/
}
#contentlevel {
display:block; /*restores display*/
}
#content {
margin:40px 200px 50px 210px;
text-align:justify;
}
#sidebar {
float:left;
width:200px;
background-image:url(../images/home_left_side.gif);
background-repeat:no-repeat;
text-align:center;
}
#sidebarcontent {
margin-top:70px;
}
#sidebarcontent li {
padding-top:5px;
margin-left:-20px;
}
/* Start - Swap image technique for multimap logo link */
#mmap a {
display:block;
text-decoration:none;
width:150px;
height:36px;
margin:100px 25px 0px 25px;
background:url(../images/mmap.jpg) 0 0 no-repeat;
}
#mmap a:hover {
background-position:-150px 0;
}
#mmap span {
position:relative;
right:200px;/*whips link text out of view*/
}
/* End */
#sponsortitle {
margin-top:50px;
}
#nwater {
display:block;
padding:10px;
}
#maptag, #montag {
display:block;
font-style:italic;
font-size:0.8em;
}
#footer {
clear:both;
width:100%;
height:100px;
z-index:6;
color:#FFFFFF;
text-align: center;
}
#footercheviot {
float:left;
margin-left:50px;
}
#footerpolice {
float:right;
margin-right:50px;
}
#footer a {
color:#FFFFFF;
text-transform:uppercase;
}
#footer a:hover {
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}
#webaddress a {
text-transform:lowercase;
}
#footer li {
display:inline;
list-style:none;
}
#designed_by {
font-size:0.9em;
}
#copyright {
font-size: 0.9em;
color: #FF9900;
}
#meter {
display:none;
}
#noscript {
color:#FF0000;
}

CSS Child:

/* CSS Document */
#pagetitle {
width:300px;
height:50px;
margin-left:400px;
}
#childmontage {
float:left;
width:600px;
height:121px;
background-image:url(../images/runner.jpg);
background-repeat:no-repeat;
}
#childcontentlevel {
background-color:#FFFFFF;
display:inline-block; /*sets haslayout in IE*/
overflow: hidden; /*sets new block formatting context in modern browsers*/
border-left:169px solid #94ab03;
}
#childcontentlevel {
display:block; /*restroes display*/
}
#childcontent {
margin:0px 100px 50px 125px;
text-align:justify;
}
#childsidebar ol {
list-style:none;
}
#childsidebar {
width:169px;
height:200px;
position:absolute;
left:0px;
background-image:url(../images/blackblock.jpg);
background-repeat:no-repeat;
background-color:#94ab03;
text-align:left;
}
#caption {
font-size:0.8em;
}
#description {
color:#FF9900;
font-weight:bold;
}
#childcontent {
margin:40px 200px 50px 125px;
}
#date {
margin-left:3em;
color:#FF9900;
font-size:1.5em;
}
#map {
float:right;
width:250px;
height:300px;
margin:3em 5em 1em 5em;

}
#montane, #icon {
border:1px solid #006633;
}
address {
margin-left:1em 0em 1em oem;
}
.downloadbox, .awards, .sponsorbox, .linksbox, #linkform {
margin:1em 5em 1em 0;
padding:1em 1em 1em 1em;
border:4px double #FF9900;
background-color:#CCCCCC;

}
table {
border:1px solid #FF9900;
margin:1em 5em 1em 5em;
}
td {
padding:0.3em;
border:1px double #FF9900;
}

.holder {
color:#006600;
font-weight:bold;
}
.excelicon {
margin-left:30em;
}
.minitag {
font-size:.7em;
font-style:italic;
}
.pquote, .pquoteleft {
float: right;
width: 12em;
background:url(../images/start_quote_lge.gif) top left no-repeat;
color: #030;
font-size: 1.5em;
line-height: 0.9;
text-align:left;
font-style: italic;
padding: 1em;
margin: 0;
}
.cutoff {
font-weight:bold;
}
.pquoteleft {
float:left;
}
#childcontent a {
text-decoration:none;
color:#0000CC;
}
#childcontent a:hover {
text-decoration:underline;
font-weight:normal;
}
#organisers {
list-style:none;
}
#president {
margin-left:3em;
}
#contactform {
margin-right:20em;
}
#contactform div {
text-align:right;
}
#contactform label {
text-align:right;
vertical-align:top;
}
#contactform input, #description {
margin:0.5em 7em 0.5em 0.5em;
}
.minitag {
position:relative;
bottom:2em;
margin-right:28em;
}
#description {
vertical-align:top;
}
.button {
text-align:right;
margin-left:10em;
}

AttachmentSize
ResultsReport.txt67.82 KB
thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 1 day ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

Seeing the HTML would help

Seeing the HTML would help Wink

I wouldn't trust the DW validator. Have you run your code through the official W3C Validator?

Verschwindende wrote:
  • CSS doesn't make pies

SuperRoach
SuperRoach's picture
Offline
Enthusiast
Ballarat
Last seen: 10 years 6 weeks ago
Ballarat
Timezone: GMT+10
Joined: 2007-02-26
Posts: 291
Points: 6

Do you have a working link

Do you have a working link we can run that through the w3 validator or can look at?

I forgot Dreamweaver even had a validator - it might be more helpful if its tied to its help system, but I'd still try the online w3 validator first.

Drunkencelt
Offline
Regular
Derby, UK
Last seen: 13 years 4 weeks ago
Derby, UK
Joined: 2007-09-18
Posts: 20
Points: 0

What a night!

I took your advice and run each page of my site through the validator. You were right TPH not to trust DW. About 5 of my pages still had errors and it took me some time to sort them out (learning quite a bit in the process) so all well and good.

I thought I'd upload the whole site to a folder on the existing site so I could provide a link for you to look at it for me but something happened and the site would not read the CSS files. I've had to re-attach them somehow and it's taken me the last 3 hours to get it working although some other bits need tweaking now....like the damn form 'submitlink.html' which works fine in FF but not is all messed up in IE.

Had enough for tomight. I'll have another go tomorrow when I'm fresh.

Many thanks. :curse:

The link is Here.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 1 day ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

I'd ditch the scrolling text

I'd ditch the scrolling text Wink

Verschwindende wrote:
  • CSS doesn't make pies

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 34 weeks 3 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

thepineapplehead wrote:I'd

thepineapplehead wrote:
I'd ditch the scrolling text Wink

Me too. Sad

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Drunkencelt
Offline
Regular
Derby, UK
Last seen: 13 years 4 weeks ago
Derby, UK
Joined: 2007-09-18
Posts: 20
Points: 0

All Sorted

Many thanks chaps.
:thumbsup:
I have resolved the issues I had with the site and have uploaded the finished site to here.

I have also taken off the scrolling text as you suggested. Potential for less problems.

All pages have validated and I've tested in FF, IE7, and NN. Everything seems to be behaving.

I'm not too concerned about the error returns above as despite what Dreamweaver says the browsers seem to display the pages ok.

Is there any way to validate site-wide using the wc3 validators rather than one page at a time?

I'm open to any other comments you may have. Helps with the learning :rolleyes:

Thanks again