homepage Welcome to WebmasterWorld Guest from 54.226.136.179
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
somebody help me before i go crazy!
html validation error
mgdezigns



 
Msg#: 4580033 posted 10:39 pm on May 31, 2013 (gmt 0)

I am trying to cleanup html for this page of mine. I am using direct input for validation at [validator.w3.org...] and out of 20 errors I am down to 6 but these 3 are the ones I just cant fig out, I have been trying since hours!

the first 3 with red cross

Error Line 9, Column 6: document type does not allow element "HEAD" here

<head>

&#9993;

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).



and two more

If someone can please please help me fig these first 3! esp the head one if i remove it the error count goes up :*(

Thank You!
Maria

[edited by: tedster at 12:38 am (utc) on Jun 1, 2013]
[edit reason] no personal links, please [/edit]

 

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4580033 posted 1:19 am on Jun 1, 2013 (gmt 0)

Uh... Why is the <head> element coming at line nine of your code? It should be line three, immediately after the dtd and the <html> line. At most four, if you're using a pre-html5 dtd and you've got a hard line break. What's in those preceding eight lines?

The validator tends to be pretty good about pointing out the reason for a problem-- unless it's something so unexpected that the validator simply throws up its hands and says "I have no idea what's going on here" :)

phranque

WebmasterWorld Administrator phranque us a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



 
Msg#: 4580033 posted 10:46 am on Jun 1, 2013 (gmt 0)

welcome to WebmasterWorld, mgdezigns!


you are correct to start at the top and work down with your validation.
you may have blank lines and comments anywhere before the <head> element but as lucy stated there should be nothing else but the document type definition (1st) and the <html> element (2nd) before the <head> (3rd).

dougwilson



 
Msg#: 4580033 posted 6:54 pm on Jun 1, 2013 (gmt 0)

Without being able to see page, remove (save) everything above body tag, replace with a generic html tag and re run it. Put things back one at a time until you get an error.

mgdezigns



 
Msg#: 4580033 posted 8:54 pm on Jun 1, 2013 (gmt 0)

OMG! WAIT A MIN! I PASSED!1 YAY!
u guys were right!
doc declaration html and head! and the head tag does not need closed? whoa! who knew! lol

it worked!
muah! muah! muah!
<3
Maria

stay tuned more bugging up coming soon :p

drhowarddrfine

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4580033 posted 9:33 pm on Jun 1, 2013 (gmt 0)

You don't need a closing head tag in SOME cases but chances are your case was just luck. Put the closing tag in and don't start any bad habits.

mgdezigns



 
Msg#: 4580033 posted 10:01 pm on Jun 1, 2013 (gmt 0)

lol ok but it's when i do add a closing tag it says " an end tag to </head> which is not needed? :/

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4580033 posted 10:06 pm on Jun 1, 2013 (gmt 0)

and the head tag does not need closed?

Please say your original html didn't have something like
<head />
(self-closing xhtml format).

The <head> will always be wrapped around something, so it's got a beginning and an end:
<head>
{blahblah here}
</head>

Unlike, say, an <img...> or <br> -- or for that matter a <meta> -- which is complete in itself.

Many tags have an implied closing when you open some other tag, but it's a pretty abominable habit to get into-- and the browser may not read your mind as thoroughly as you'd hoped. (For a hilarious illustration of the point, see the ballooning headers on web-pages-that-you-know-what dot com from a few weeks back. Will not work-- i.e. not work-- in all browsers.)

mgdezigns



 
Msg#: 4580033 posted 10:12 pm on Jun 1, 2013 (gmt 0)

nah i did not have self closing tag
so I add</head> no matter if it gives me validation error? :/
I get this
" end tag for element "HEAD" which is not open

</head>"

but if i remove </head> then u get passed!:*(

dougwilson



 
Msg#: 4580033 posted 10:28 pm on Jun 1, 2013 (gmt 0)

<html>
<head>
meta
</head>
</html>


Can't cause an error. There's something else involved. That's why I suggested eliminate all possibilities above the body tag then add items till error shows up.

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4580033 posted 2:23 am on Jun 2, 2013 (gmt 0)

end tag for element "HEAD" which is not open

A common reason for this category of error message is that between
<tag>
and
</tag>
you've included some other element that automatically closes the tag. Simple example:

<p>blahblah <i>blahblah</p></i>

The act of closing a paragraph automatically shuts down any inline elements like <i>. So you will now get two separate errors: one for not closing the italics-- and then a second one for closing italics that aren't open!

Here, I'll bet you have something inside the <head> that isn't supposed to start until the <body>, so the validator assumes you've closed the <head>.

mgdezigns



 
Msg#: 4580033 posted 8:55 am on Jun 2, 2013 (gmt 0)

ah okie, me go check! Thank You!

mgdezigns



 
Msg#: 4580033 posted 9:16 am on Jun 2, 2013 (gmt 0)

ok promise me you won't laugh at me!

I had this in my header.php on top

<link rel="stylesheet" href="/styles/zstore.css" type="text/css">
<link rel="stylesheet" href="/styles/style.css" type="text/css">
<meta http-equiv="content-language" content="en-us">
<meta name="google-site-verification" content="7a-f7tSzbVpBI66KubsrkMLSIzN30YPrR4KbQwCpDxc">
<style type="text/css">
#quotes
{
position:relative;
}
.textItem
{
position:absolute;
display:none;
width:100%;
margin:auto;
text-align:center;
}
span.highlight
{
background-color:#ee9961;
}
</style>
<!-- BEGIN JIVOSITE CODE {literal} -->
<script type='text/javascript'>
(function(){ var widget_id = '45321';
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);})();
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function()
{
setupRotator();
});
function setupRotator()
{
if($('.textItem').length > 1)
{
$('.textItem:first').addClass('current').fadeIn(400);
setInterval('textRotate()', 6500);
}
}
function textRotate()
{
var current = $('#quotes > .current');
if(current.next().length == 0)
{
current.removeClass('current').fadeOut(100);
$('.textItem:first').addClass('current').fadeIn(400);
}
else
{
current.removeClass('current').fadeOut(100);
current.next().addClass('current').fadeIn(400);
}
}
</script>
<style type="text/css">
li.c13 {list-style: none; display: inline}
a.c12 {text-decoration:none;}
img.c11 {border:0;width:40px;height:40px;}
li.c10 {list-style: none}
div.c9 {width:480px}
div.c8 {width:480px;margin-bottom:2px;}
div.c7 {width: 158px;margin:0 2px 0px 0;min-height:156px;}
a.c6 {width: 158px;}
a.c5 {height:156px;}
img.c4 {border:2px solid #FFFFFF;width: 152px;height: 152px;}
div.c3 {width:478px}
div.c2 {border:1px solid #372212; height:15px; padding:5px; color:#372212; background-color:#c4e1e1}
div.c1 {display: none}
</style>


so when i removed this and closed the <head> tag in my index.php , before i called for header.php
it validated , but my site looks like a mess, so the above code in bold, where do i put it in header.php? the style elements....the call to style sheet?
so as not to mess with my header or validation?
am I making any sense at all?
Thanks <3

[edited by: mgdezigns at 9:41 am (utc) on Jun 2, 2013]

londrum

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4580033 posted 9:29 am on Jun 2, 2013 (gmt 0)

you've got an extra " mark at the start, before the first <link>, which shouldn't be there. try removing that

the " is out of place, so the validator is probably self-closing the <head> at that point (which means all your CSS styles wont load properly, because they now come outside of the <head>, messing up your page), and when you finally add another </head> yourself a bit later, it thinks it's an extra one

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4580033 posted 9:34 am on Jun 2, 2013 (gmt 0)

I had this in my header.php on top

Oh, lord, what a mess. Is this copy-and-paste from someone else? There are two separate CSS blocks-- in addition to the two external stylesheets. (My personal record is eighteen. That is, ahem, in code that I've personally seen i.e. snooped into NOT code that I've personally written.)

CSS absolutely belongs inside the <head> element. For some reason styles will work even if they are in the body, but nobody would ever do this in real life. Scripts can also go almost anywhere; it depends on what the script does.

I don't see anything in there that would force closing of a <head> tag.

Where exactly does the header.php go? That is, what html comes immediately before and after it? Based on what you've shown here, it looks as if the file should go inside the <head> section, probably right before it closes. Is there anything else you missed or left out? For example, if header.php ends with the line </head> and then the html itself says </head> again.

:: digression ::

When I make any kind of include file (ssi or php), I try hard to keep it symmetrical. If there's a div involved, put both the opening and closing within the include file. If it's part of a table, let the include file make complete rows-- or at least a <td> for every </td>. I have no idea whether this is SOP or utterly unnecessary; it's what works for me.

mgdezigns



 
Msg#: 4580033 posted 9:38 am on Jun 2, 2013 (gmt 0)

Lucy! no!:*( i used a template and edited it to suit my site! then a friend of mine helped me with rotator code, he actually placed it there!


here the header.php goes here

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Wedding Invitations online from MGdezigns are affordable and unique,up to 60% off on bulk purchase,Order worldwide, customize your own design.Personalize everything from stamps, stickers to thank you cards and table cards. Order Now!">
<meta name="keywords" content="wedding invites,wedding invitations online,stylish invitations,wedding essentials,wedding programs,menu cards, save the date, wedding rsvp,wedding envelope stickers,wedding stamps, mgdezigns.com">
<title>Custom Stationery | Wedding Invitations Online| Personalized at Mgdezigns</title>
<?php include"/home/mgdezign/public_html/header.php" ; ?>
<?php include"/home/mgdezign/public_html/weddings/topbar.php" ; ?>



Edited: header.php does not have </head> tag at the end

[edited by: mgdezigns at 9:49 am (utc) on Jun 2, 2013]

mgdezigns



 
Msg#: 4580033 posted 9:39 am on Jun 2, 2013 (gmt 0)

Londrum: no that " is not in code! I placed it here to let you know this was the code :P

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4580033 posted 10:27 am on Jun 2, 2013 (gmt 0)

Urk. That's not a proper 4.01 dtd. This may or may not be involved in your header problem, but it surely can't help.

:: shuffling papers ::

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8">
<title>Alignment</title>

<style type = "text/css">
{blahblah here}
</style>

</head>
<body>

I went looking for the dtd-- I haven't got it memorized!-- so I might as well paste in the whole thing.

that " is not in code

Whew. I didn't think it could be :)

Someone else will come along shortly to give the sales pitch for the minimalist HTML 5 dtd ;)

londrum

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4580033 posted 10:59 am on Jun 2, 2013 (gmt 0)

do the 'includes' actually get included?
why dont you post all of the code that appears in the head, including the includes -- not as seperate files, but as it actually appears when you "view source" in your browser

drhowarddrfine

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4580033 posted 11:03 am on Jun 2, 2013 (gmt 0)

@mgdezigns You still need to show everything up to the body tag.

Also, get rid of your 'keywords' meta tag. No search engine looks at that and, if anything, you'll take a SEO hit for using it.

The "Content-type" meta tag can be removed, too, except if you think people will save your page for offline viewing.

Your doctype actually is OK but not recommended and no one has any reason to use a transitional doctype for new web pages and it shouldn't be used.

The so-called "minimalist HTML 5 dtd" is <!DOCTYPE html> which has nothing to do with HTML5 but it serves the purpose of putting all browsers into standards mode so everyone might as well use it.

mgdezigns



 
Msg#: 4580033 posted 7:24 pm on Jun 2, 2013 (gmt 0)

ok wait, are not supposed to use meta keywords?
I will remove it

here is complete header.php

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/styles/zstore.css" type="text/css">
<link rel="stylesheet" href="/styles/style.css" type="text/css">
<meta http-equiv="content-language" content="en-us">
<meta name="google-site-verification" content="7a-f7tSzbVpBI66KubsrkMLSIzN30YPrR4KbQwCpDxc">
<style type="text/css">
#quotes
{
position:relative;
}
.textItem
{
position:absolute;
display:none;
width:100%;
margin:auto;
text-align:center;
}
span.highlight
{
background-color:#ee9961;
}
</style>
<!-- BEGIN JIVOSITE CODE {literal} -->
<script type='text/javascript'>
(function(){ var widget_id = '45321';
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);})();
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function()
{
setupRotator();
});
function setupRotator()
{
if($('.textItem').length > 1)
{
$('.textItem:first').addClass('current').fadeIn(400);
setInterval('textRotate()', 6500);
}
}
function textRotate()
{
var current = $('#quotes > .current');
if(current.next().length == 0)
{
current.removeClass('current').fadeOut(100);
$('.textItem:first').addClass('current').fadeIn(400);
}
else
{
current.removeClass('current').fadeOut(100);
current.next().addClass('current').fadeIn(400);
}
}
</script>
<style type="text/css">
li.c13 {list-style: none; display: inline}
a.c12 {text-decoration:none;}
img.c11 {border:0;width:40px;height:40px;}
li.c10 {list-style: none}
div.c9 {width:480px}
div.c8 {width:480px;margin-bottom:2px;}
div.c7 {width: 158px;margin:0 2px 0px 0;min-height:156px;}
a.c6 {width: 158px;}
a.c5 {height:156px;}
img.c4 {border:2px solid #FFFFFF;width: 152px;height: 152px;}
div.c3 {width:478px}
div.c2 {border:1px solid #372212; height:15px; padding:5px; color:#372212; background-color:#c4e1e1}
div.c1 {display: none}
</style>

<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo"><a href="http://www.mgdezigns.com/index.php"><img src="http://www.mgdezigns.com/images/logo.jpg" alt="Wedding Stationery online, Business paperie, Party Invites by MGDezigns" title="Wedding stationery online, Business Paperie, Party Invites by MGDezigns"></a><br >
<h1>Wedding Stationery Online,Business Paperie, Personalized Gifts and more</h1>
</div>
<div id='jivo_copyright' class='c1'><a href='http://www.jivosite.com'></a> </div>
<!-- {/literal} END JIVOSITE CODE -->
<div id="newsletter">
<p>Sign up for our newsletter for the latest news, updates and offers.</p>
<form action="http://www.mgdezigns.com/subscribe.php" method="post">
<fieldset><legend>NewsLetter</legend> <input type="text" name="Name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Name…':this.value;" value="Name…"> <input type="text" name="Email" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Email Address…':this.value;" value="Email Address…"> <input type="submit" name="news_go" id="news_go" value="Sign Up"></fieldset>
</form>
</div>
</div>
<br class="clear">
<div id="quotes" class="c2">
<div class="textItem"><span class="highlight"><strong>Special-Deal :</strong> <strong>30% Off All Cards &amp; Postcards</strong>, Use Code at Checkout: <strong>CARDCARDCARD</strong> ,Offer expires <strong>06/30/13 at 11:59 PM (PT)</strong></span></div>
<div class="textItem"><strong>Special-Deal :</strong> <strong>20% Off on ALL Mugs</strong>, Use Code at Checkout: <strong>MUGS4MOTHERS</strong> ,Offer expires <strong>5/7/13 at 11:59 PM (PT)</strong></div>
<div class="textItem"><strong>Special-Deal :</strong> <strong>30% Off All Teapots &amp; Pitchers</strong>, Use Code at Checkout: <strong>TEANPITCHERS</strong> ,Offer expires <strong>06/30/13 at 11:59 PM (PT)</strong></div>
</div>
</div>



here is complete index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Wedding Stationery online from MGdezigns is affordable and unique,up to 60% off on bulk purchase,Order worldwide, customize your own design.Personalize everything from stamps, stickers to thank you cards and table cards. Order Now!">
<meta name="keywords" content="wedding invites,wedding stationery online,stylish invitations,wedding essentials,wedding programs,menu cards, save the date, wedding rsvp,wedding envelope stickers,wedding stamps, mgdezigns.com">
<title>Custom Invitations | Wedding Stationery Online| Personalized at Mgdezigns</title>
<?php include"/home/mgdezign/public_html/header.php" ; ?>

<?php include"/home/mgdezign/public_html/weddings/topbar.php" ; ?>
<div class="wrapper col5">
<div id="container">
<div id="content">

<h2>Personalized and Perfect Wedding Stationery Online </h2>
wedding stationery in a wide variety of designs and color for your wedding theme, to make your special occasion, stand out. Surprise your guests with unique and stylish invitations and favors.
Be creative, make your own mix and match sets or buy a complete matching set.
Personalize everything from stamps to stickers.
Search by Color or Theme, View Matching Sets of almost every design. <b> Click the brown menu bar above to see all wedding stationery and gifts</b>
Order your wedding stationery online today!
<?php
// configure Zazzle Store Builder display with the following $_GET variables
// Overrides values in include/configuration.php
$_GET['contributorHandle'] = "blessedwedding";
$_GET['associateId'] = "238678312283336866";
// Load Zazzle Store Builder
include "/home/mgdezign/public_html/weddings/include/zstore.php";
?><br>

we offer complete wedding stationery suites
<br>
wedding Invitations, save the date, Wedding RSVP, <a href="http://www.mgdezigns.com/weddings/wedding-usps-stamps.php"><strong>wedding stamps</strong>,</a> wedding envelope stickers,<a href="http://www.mgdezigns.com/weddings/wedding-programs.php"><strong>wedding programs,</strong></a> menu cards, wedding seating charts,<br>
table place cards, <a href="http://www.mgdezigns.com/weddings/wedding-table-numbers.php"><strong>table numbers</strong></a> personalized, wedding favors, for bride, groom and wedding attendants ,just married gifts and much more.<br>
Our premium quality <strong>wedding paper</strong> products are not only easy to customize, but they are made in as few as 24 hours, so get your custom wedding essentials today!<br>
Huge discount on bulk purchase. Custom design and color change, free of cost!<br>
if you don't find something you are looking for, please don't hesitate to contact Us.<br></div>
<?php include"/home/mgdezign/public_html/weddings/sidebar.php" ; ?><?php include"/home/mgdezign/public_html/weddings/favorite.php" ; ?><?php include"/home/mgdezign/public_html/weddings/featured.php" ; ?><?php include"/home/mgdezign/public_html/weddings/deal.php" ; ?>

<h2>Wedding Resources</h2>
<ul>
<li><a href="http://www.brides-book.com"><img src="http://www.mgdezigns.com/images/bb.png" alt="brides books" title="brides books"></a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<?php include"/home/mgdezign/public_html/footer.php" ; ?></div>
</html>


and here is the page source which shows header included

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Wedding Stationery online from MGdezigns is affordable and unique,up to 60% off on bulk purchase,Order worldwide, customize your own design.Personalize everything from stamps, stickers to thank you cards and table cards. Order Now!">
<meta name="keywords" content="wedding invites,wedding stationery online,stylish invitations,wedding essentials,wedding programs,menu cards, save the date, wedding rsvp,wedding envelope stickers,wedding stamps, mgdezigns.com">
<title>Custom Invitations | Wedding Stationery Online| Personalized at Mgdezigns</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/styles/zstore.css" type="text/css">
<link rel="stylesheet" href="/styles/style.css" type="text/css">
<meta http-equiv="content-language" content="en-us">
<meta name="google-site-verification" content="7a-f7tSzbVpBI66KubsrkMLSIzN30YPrR4KbQwCpDxc">
<style type="text/css">
#quotes
{
position:relative;
}
.textItem
{
position:absolute;
display:none;
width:100%;
margin:auto;
text-align:center;
}
span.highlight
{
background-color:#ee9961;
}
</style>
<!-- BEGIN JIVOSITE CODE {literal} -->
<script type='text/javascript'>
(function(){ var widget_id = '45321';
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);})();
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function()
{
setupRotator();
});
function setupRotator()
{
if($('.textItem').length > 1)
{
$('.textItem:first').addClass('current').fadeIn(400);
setInterval('textRotate()', 6500);
}
}
function textRotate()
{
var current = $('#quotes > .current');
if(current.next().length == 0)
{
current.removeClass('current').fadeOut(100);
$('.textItem:first').addClass('current').fadeIn(400);
}
else
{
current.removeClass('current').fadeOut(100);
current.next().addClass('current').fadeIn(400);
}
}
</script>
<style type="text/css">
li.c13 {list-style: none; display: inline}
a.c12 {text-decoration:none;}
img.c11 {border:0;width:40px;height:40px;}
li.c10 {list-style: none}
div.c9 {width:480px}
div.c8 {width:480px;margin-bottom:2px;}
div.c7 {width: 158px;margin:0 2px 0px 0;min-height:156px;}
a.c6 {width: 158px;}
a.c5 {height:156px;}
img.c4 {border:2px solid #FFFFFF;width: 152px;height: 152px;}
div.c3 {width:478px}
div.c2 {border:1px solid #372212; height:15px; padding:5px; color:#372212; background-color:#c4e1e1}
div.c1 {display: none}
</style>

<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo"><a href="http://www.mgdezigns.com/index.php"><img src="http://www.mgdezigns.com/images/logo.jpg" alt="Wedding Stationery online, Business paperie, Party Invites by MGDezigns" title="Wedding stationery online, Business Paperie, Party Invites by MGDezigns"></a><br >
<h1>Wedding Stationery Online,Business Paperie, Personalized Gifts and more</h1>
</div>
<div id='jivo_copyright' class='c1'><a href='http://www.jivosite.com'></a> </div>
<!-- {/literal} END JIVOSITE CODE -->
<div id="newsletter">
<p>Sign up for our newsletter for the latest news, updates and offers.</p>
<form action="http://www.mgdezigns.com/subscribe.php" method="post">
<fieldset><legend>NewsLetter</legend> <input type="text" name="Name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Name…':this.value;" value="Name…"> <input type="text" name="Email" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Email Address…':this.value;" value="Email Address…"> <input type="submit" name="news_go" id="news_go" value="Sign Up"></fieldset>
</form>
</div>
</div>
<br class="clear">
<div id="quotes" class="c2">
<div class="textItem"><span class="highlight"><strong>Special-Deal :</strong> <strong>30% Off All Cards &amp; Postcards</strong>, Use Code at Checkout: <strong>CARDCARDCARD</strong> ,Offer expires <strong>06/30/13 at 11:59 PM (PT)</strong></span></div>
<div class="textItem"><strong>Special-Deal :</strong> <strong>20% Off on ALL Mugs</strong>, Use Code at Checkout: <strong>MUGS4MOTHERS</strong> ,Offer expires <strong>5/7/13 at 11:59 PM (PT)</strong></div>
<div class="textItem"><strong>Special-Deal :</strong> <strong>30% Off All Teapots &amp; Pitchers</strong>, Use Code at Checkout: <strong>TEANPITCHERS</strong> ,Offer expires <strong>06/30/13 at 11:59 PM (PT)</strong></div>
</div>
</div>


<div class="wrapper col2" id="topbar">
<div id="topnav">



I could have posted it all but then the post became way too long :/

ummm....I hope u guys can gif something out by looking at this
and pls pl pls do know I reallya ppreciate your help and support!
u guys r awesome!
<3
Maria

swa66

WebmasterWorld Senior Member swa66 us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4580033 posted 8:17 pm on Jun 2, 2013 (gmt 0)

minimalist HTML 5 dtd

Nope, unfortunately there is no html5 dtd

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4580033 posted 8:29 pm on Jun 2, 2013 (gmt 0)
Side note, when posting code examples, I've found it best to wrap the entire code example in:
[quote][pre][code]
[/code][/pre][/quote]

It will format it nicer, making it easier for others to read. :)
mgdezigns



 
Msg#: 4580033 posted 8:35 pm on Jun 2, 2013 (gmt 0)

Fotiman: Thx will try editing it :)

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4580033 posted 8:47 pm on Jun 2, 2013 (gmt 0)

The structure of your code could be improved. Particularly, why would you want to have header.php end the head tag and start the body? Since index.php writes out the start <head> tag, it should also be responsible for writing the end </head> tag, otherwise it gets more difficult to maintain.

You might consider breaking up header.php into multiple files. For example, you might have a head-includes.php file, that contains only those elements that belong in the head (meta elements, styles, and scripts (though scripts are better placed at the end of your document just before the closing </body> tag). Then create another file, maybe called header.php, which could contain the items that belong at the top of your body.
index.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Wedding Stationery online from MGdezigns is affordable and
unique,up to 60% off on bulk purchase,Order worldwide, customize your own design.
Personalize everything from stamps, stickers to thank you cards and table cards. Order Now!">
<meta name="keywords" content="wedding invites,wedding stationery online,stylish
invitations,wedding essentials,wedding programs,menu cards, save the date, wedding
rsvp,wedding envelope stickers,wedding stamps, mgdezigns.com">
<title>Custom Invitations | Wedding Stationery Online| Personalized at Mgdezigns</title>
<?php include "/home/mgdezign/public_html/head-include.php"; ?>
</head>
<body>
<?php include "/home/mgdezign/public_html/header.php"; ?>
<!-- your page content here -->
<?php include"/home/mgdezign/public_html/footer.php" ; ?>
</body>
</html>

mgdezigns



 
Msg#: 4580033 posted 8:55 pm on Jun 2, 2013 (gmt 0)

I am using header.php same in all my pages, so if make head-include.php I will have to add it on all pages for the scripts to work, right?

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4580033 posted 9:26 pm on Jun 2, 2013 (gmt 0)

Someone earlier in this thread wrote
When I make any kind of include file (ssi or php), I try hard to keep it symmetrical. If there's a div involved, put both the opening and closing within the include file. If it's part of a table, let the include file make complete rows-- or at least a <td> for every </td>. I have no idea whether this is SOP or utterly unnecessary; it's what works for me.

mgdezigns



 
Msg#: 4580033 posted 9:35 pm on Jun 2, 2013 (gmt 0)

Lucy : what might seem normal human language to you is getting way over my head, I don't think I can do it! i am tired and I give up! :(
Thank You everyone for your time and support
you guys are truly amazing and supportive!
<3
Maria

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved