18 replies [Last post]
labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

I'm trying to validate this link:

http://www.labslab.com/coficofi/test.html

but receive 6 errors and am not sure how to correct them - they are listed below -

I believe that these may be the reason that the links aren't working but if anyone has any ideas I would greatly appreciate the help!

Thanks!

# document type does not allow element X here; assuming missing Y start-tag

* Line 45, column 3: document type does not allow element "BR" here; assuming missing "LI" start-tag

* Line 49, column 3: document type does not allow element "BR" here; assuming missing "LI" start-tag

* Line 53, column 3: document type does not allow element "BR" here; assuming missing "LI" start-tag

* Line 57, column 3: document type does not allow element "BR" here; assuming missing "LI" start-tag

# Error document type does not allow element X here; missing one of Y start-tag

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "

" or "") inside an inline element (such as "", "", or "").

* Line 37, column 67: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag

…HANTID" id="MERCHANTID" value="COFI" type="hidden">

* Line 40, column 3: document type does not allow element "BR" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag

Triumph (not verified)
Anonymous's picture
Guru

Remove all <BR> tags.

Remove all tags. Problem solved. I'll send you a bill.

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

I have the breaks there for

I have the breaks there for a reason.

How else can I start a new line?

Triumph (not verified)
Anonymous's picture
Guru

labslab wrote:I have the

labslab wrote:

I have the breaks there for a reason.

So, you want to tell me the reason for the between the

and the
    ?

Take them out and show me the trouble.

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

Oh those - I though it was

Oh those - I though it was talking about the in the text.

I didn't know how to add a cushion after the

elements. What should I add to the CSS in order to accomplish this?

Thanks!

Triumph (not verified)
Anonymous's picture
Guru

labslab wrote:Oh those - I

labslab wrote:

Oh those - I though it was talking about the in the text.

Those, too. The only place I've ever found they really make sense is in the element other than that I don't think I've used a in years. Speaking of which, you have

, is semantically correct in this case. You should rework the markup to be semantic.

Maybe a definition list makes more sense than an unordered list for the items. Maybe.

labslab wrote:

I didn't know how to add a cushion after the

elements. What should I add to the CSS in order to accomplish this?

margins or padding just like any other element.

Triumph (not verified)
Anonymous's picture
Guru

I went ahead and removed

I went ahead and removed your other thread asking the same question. Carry on in this one, thanks.

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

Ok. I will get rid of the

Ok. I will get rid of the breaks but What will I need to do for this site to look right in IE?

Triumph (not verified)
Anonymous's picture
Guru

labslab wrote:Ok. I will get

labslab wrote:

Ok. I will get rid of the breaks but What will I need to do for this site to look right in IE?

Well, that's the first part of your question. Get that done first and I'll have a look at the page in IE.

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

Ok, i've gotten rid of the

Ok, i've gotten rid of the breaks I'm left with one error (show below)

I've also taken out the breaks in the address section but I don't know how to have it line up correctly - one line after the other.

Thanks!

Error:

document type does not allow element X here; missing one of Y start-tag

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "

" or "") inside an inline element (such as "", "", or "").

* Line 37, column 67: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag

…HANTID" id="MERCHANTID" value="COFI" type="hidden">

Triumph (not verified)
Anonymous's picture
Guru

Put the hidden input element

Put the hidden input element inside of the

or inside something else that's appropriate. It can't be naked.

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

Ok i've passed the

Ok i've passed the validation but when I go to the page the first add to cart link does not work. Is it because I added the hidden element between the

element or is it a css problem?

What will I need to add to make this work correctly in IE?

Thank you so much for your help!

Triumph (not verified)
Anonymous's picture
Guru

labslab wrote:... the first

labslab wrote:

... the first add to cart link does not work. Is it because I added the hidden element between the

element or is it a css problem? ...

It looks like the "position: relative;" on the li is covering the first "add to cart" button. I don't think it is doing anything. Try removing the

li {
position: relative;
}

Triumph (not verified)
Anonymous's picture
Guru

Yikes. I just noticed

Yikes. I just noticed this:

	position: absolute;
top:250px;
bottom:0px;
.main {
left:50px;
right: 50px;
	width: 500px;
	height:1400px;
	margin: 0px auto;
	padding: 50px 40px 120px 50px;
	background: url(images/main.png) top center repeat-y;
}

#footer{
	background:url(images/coficofi_footer.png) bottom center no-repeat;
	height: 346px;
	width: 800px;
float:left;
position:absolute;
top: 1750px; 
margin:0px auto;
left: 0px; 
right: 0px;
 
}
DON'T use absolute positioning in this way. It's not such a great idea.

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

Thanks I've updated those to

Thanks I've updated those to relative but now the footer gets thrown to the left.

I thought the margin: 0px auto would center it but it doesn't.

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

I updated the footer and

I updated the footer and deleted the float: left and that solved the center issue.

The I have 2 more questions and I will be out of your hair Wink

1) In the address section in order for me to get them on seperate lines I had to make the width of that element smaller causing a wrap. Is there another code that I can use to skip a line instead of br?

I want it to say the company name on line one address on line 2 etc etc.

2) I have this javascript code that I would like to add to the header:

<script type="text/javascript">
https://secure.ultracart.com/cgi-bin/UCJavaScript?merchantid=COFI&type=xml
</script> 

but I don't know what else needs to be done in order for it to be viewable.

Thank you so much for your help! You're a life saver!

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

I also noticed one more

I also noticed one more thing:

<div id="footlink_products"><a href="http://www.coficofiusa.com/products" title="Products" name="footlink_products"></a></div>
 
 
<div id="footlink_about_us"><a href="http://www.coficofiusa.com/about_us" title="About Us" name="footlink_about_us">test</a></div>
 
<div id="footlink_latest_news"><a href="http://www.coficofiusa.com/latest_news" title="Latest News" name="footlink_latest_news"></a></div>
 
<div id="footlink_contact_us"><a href="http://www.coficofiusa.com/contact_us" title="Contact Us" name="footlink_contact_us">test</a></div>

this code is suppose to be the links for the footer tabs but they are no longer working. I tried positioning them again with the css using the web developer plug-in for firefox but they don't work.

Is there a solution to this problem also?

Thanks again!

Triumph (not verified)
Anonymous's picture
Guru

What do you mean the links

What do you mean the links don't work?

labslab
Offline
Regular
Last seen: 12 years 46 weeks ago
Joined: 2009-01-12
Posts: 15
Points: 0

I got rid of the tabs that

I got rid of the tabs that were in the footer so now I don't have a link problem with the footer but I have a problem when you take the browser and drag it smaller. The links in the header push together until they become stacked on each other.

I also tried to add a border in the main div but received errors in the validation for that. I guess I did it wrong.

Thanks!