W3C and VSD

Sep 30th, 2010 at 02:45 PM
User 2113767 Photo

Jackall
Registered User
11 posts

Hello everybody,

I have a problem into my website that's driving me crazy!
I try to validate a page and I get the error with the analyzer:
document type does not allow element "H1" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag

…="#FFFFFF"><FONT FACE="Bauhaus 93"><H1>my text</H1></FONT></FON

What I don't really understand is...that they indicate me this '>' but...I don't think I did some mistake... :rolleyes:

Any idea?
Sep 30th, 2010 at 03:32 PM
User 122279 Photo

Inger
Senior Advisor
14,651 posts
Online Now

Have you got a link to the site, so that we can take a look at the code?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Sep 30th, 2010 at 09:47 PM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

I'm not sure where that code you have there is from, but either you are using some really old apps, or an old version of VSD? I'm pretty sure VSD didn't spit that out, that's quite old code and deprecated (meaning pretty much obsolete for the most part).

other than that, as Inger already mentioned, a link would be quite useful to help with :)
Jo

http://elementsinwebdesign.com
Oct 1st, 2010 at 02:04 AM
User 2113767 Photo

Jackall
Registered User
11 posts

Hello everybody,

oooops....you're right! :D this is the link of the page:
http://www.multiservicetech.com

It's not a problem of an old VSD, I have the new one...the problem is that I added an HTML box in order to get the '<H1>' tags into my homepage...but as I needed some different stiles...I added HTML by hand.
I also tried with a different code (Like css) but...I always get error...the main goal would be to know how to add the H1 tags into an HTML box in order to avoid to change manually the code...
Oct 1st, 2010 at 03:10 AM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

Well I guess the first thing I would suggest is that you brush up on some current HTML as the code you added in your first post is really really ... did I say really? lol, old and at some point won't be recognized as accurate and functional as it's been replaced by style tags and css. If you'd like to find out how to do something specific with your code to input into the HTML tool, just give a shout and one of us can try to help you create current code for it.

I'm not real familiar with how VSD incorporates CSS, but I do know it is able to, so ask away and I'm sure someone can tell you how that's done also so you don't get errors.

http://www.w3schools.com/ is a really good site to get some info on what's current and how to code something, and they have some great tutorials on that site also for HTML and CSS if you need some help there.

Good luck on it and holler if you have some specific issues you'd like assistance with :)
Jo

http://elementsinwebdesign.com
Oct 1st, 2010 at 03:22 AM
User 2113767 Photo

Jackall
Registered User
11 posts

Hello Jo Ann,

first of all...thank you really much for your kind support! :D
Then, I have to say that I used an old code, for sure...even if i thought it was correct!! :mad:
And...did you say really? :P

Anyway, I tried also to substitute that HTML box with this code:
<style type="text/css">
h1.c4 {color: #FFFFFF}
span.c3 {font-family: Bauhaus 93}
img.c2 {border:none;}
table.c1 {height:1000px;}
</style>
<h1 class="c4"><span class="c3">Consulenza Informatica</span></h1>

This is what I did in order to be 'compliant' with the W3C standards...anyway I got again error...'cause the analyzer told me that I should put the style on the top of the page.

The problem is that inside the VSD there's no way to edit the HTML (that's why I created the other post LOL).

Anyway, I'm pretty sure that there must be a way to add these H1 tags into the VSD with a style...even if it's a little bit tricky there must be...but I can't find how to reach my goal..
Hope someone else has some suggestion on how to insert this tags into a page with the proper code..
Oct 1st, 2010 at 04:04 AM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

Hiya Jackall,

No problem just doing what I can to help, I don't use VSD so I don't get to help many using that one very often lol. Give this code a try, and when you insert it in VSD it needs to go inside the head tags, I just don't know how to tell you to get to any specific area of the html in VSD unfortunately. Your code is almost right but missing some semi-colons so give this code a try within the head tags like it would be ending up like this <head>insert_code_here</head> here's the code below:

<style type="text/css">
h1.c4 { color: #FFFFFF; }
span.c3 { font-family: Bauhaus 93; }
img.c2 { border:none; }
table.c1 { height:1000px; }
</style>

Then inside your site area wherever it is you're trying to add that text add that last line with the HTML tool:

<h1 class="c4"><span class="c3">Consulenza Informatica</span></h1>

The trick to the code you had was that you were just missing some semi-colons before the end } brackets and that you're trying to put it in the wrong place is all. Give that a shot and hopefully it will work for you. I'm off to bed so I'll check when I get up to see if it's working or if someone else was able to get you rolling with it more than I could. Good luck on it and have a good night/day :)
Jo

http://elementsinwebdesign.com
Oct 1st, 2010 at 05:03 AM
User 2113767 Photo

Jackall
Registered User
11 posts

Great Jo Ann!! :D

maybe I was a little bit confused with the styles...now it's clear the error in the code..
I did as you suggested. I have to say that's not too tricky as I thought, and now my whole page is compliant for W3C standards!

thank you very much for your help and support!
Oct 1st, 2010 at 01:00 PM
User 38401 Photo

Jo Rice
Senior Advisor
10,951 posts

You're quite welcome Jackall, I'm glad it worked out for you, good luck on working on your site and have fun :)
Jo

http://elementsinwebdesign.com
Oct 1st, 2010 at 06:54 PM
User 463058 Photo

Cary
Ambassador
1,086 posts
Online Now

Just wanted to add, this part

<h1 class="c4"><span class="c3">Consulenza Informatica</span></h1>


can be added into vsd using the html tool.

This part, the styling

<style type="text/css">
h1.c4 {color: #FFFFFF}
span.c3 {font-family: Bauhaus 93}
img.c2 {border:none;}
table.c1 {height:1000px;}
</style>


can be inserted into the head of the page by selecting the menu Edit > Edit Header...

In the panel that opens, make sure the Header HTML tab is selected and past the style code into the text box. Then click okay. To change the styling or add to it, just go back to the Edit > Edit Header... menu again, and edit the code as necessary.

Edit: I see you've already done this, but this info may still help someone else.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.