Please help me correct the HTML errors...

utnalove

06-26-2010, 09:32 PM

Hello...

This is the URL (http://validator.w3.org/check?verbose=1&uri=http://www.przepiekna.pl/)

I think most of the errors are in the header... this is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
elseif (is_single() ) { single_post_title(); }
elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

<if condition="is_browser('ie', '8')"><meta http-equiv="X-UA-Compatible" content="IE=8" /></if>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<script type="text/javascript" src="swfobject/swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0");
</script>

<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>


<div id="floatingimage">
<a href="http://wizazforum.pl"><img src="http://wizazforum.pl/images/statusicon/forum_new-48.png" alt="Angry face" /></a>

</div>


<script type="text/javascript" src="http://www.przepiekna.pl/wp-content/plugins/page-peel/pagepeel-js.php"> </script>

<div class="PageBackgroundGradient"></div>
<div class="Main"><div class="Sheet"><div class="Sheet-tl"></div><div class="Sheet-tr"><div></div></div><div class="Sheet-bl"><div></div></div><div class="Sheet-br"><div></div></div><div class="Sheet-tc"><div></div></div><div class="Sheet-bc"><div></div></div><div class="Sheet-cl"><div></div></div><div class="Sheet-cr"><div></div></div><div class="Sheet-cc"></div><div class="Sheet-body">
<div class="nav">
<ul class="artmenu">

<?php art_menu_items(); ?>


<li><a class="active" href="http://www.wizazforum.pl"><span><span>Wizaz forum</span></span></a> <li />

</ul>
<div class="l"></div><div class="r"><div></div></div></div>
<div class="Header">

<div class="Header-jpeg">

</div>



<br />
<div style="float:left;">
<div class="logo">



</div>
</div>

<div style="float:left;margin:40px 10px 0 500px;height:70px;">
<?php echo stripslashes(get_option('wps_home_ad_468')); ?>
</div></div>

Please help

_Aerospace_Eng_

06-26-2010, 09:43 PM

Umm okay wow...this is wrong
<if condition="is_browser('ie', '8')"></if>

There is no such thing as that. If you look at the other conditional comments you will see that it should be this

This is wrong too. You are making very simple mistakes.

<li><a class="active" href="http://www.wizazforum.pl"><span><span>Wizaz forum</span></span></a> <li />
It should be

<li><a class="active" href="http://www.wizazforum.pl"><span><span>Wizaz forum</span></span></a> </li>
This is wrong too
<![if !IE]>
<div style="position:absolute; right: 80px">
<![endif]>
Remove that, give that div and ID an use an IE conditional comment. You can also only have one style attribute per element.

utnalove

06-26-2010, 10:04 PM

Wonderful help!! Thank you!

BTW why this is wrong?
<![if !IE]>
<div style="position:absolute; right: 80px">
<![endif]>

IE reads this code well and I tested it and it works...
How can I make it work? Can I have an example?

Thank you

utnalove

06-26-2010, 10:36 PM

I was also thinking... if

<![if !IE]>
<div style="position:absolute; right: 80px">
<![endif]>

is the same as


<div style="position:absolute; right: 80px">


Than I can use the second one... but not sure about the differences...

_Aerospace_Eng_

06-26-2010, 11:00 PM

The first one is how MS says to use a down-level revealed comment but its invalid. The second one is a valid down-level revealed conditional comment so use the second one. As long as you make sure you close that div that you opened then okay but the better thing to do would be to give that div an id and apply different styles to it based off of an IE conditional comment wrapped around a stylesheet that only IE sees. All elements in XHTML need to be lowercase so things like SCRIPT need to become script. Every element must be closed. If the element has no closing element like <br> then you use <br /> instead, same goes for image elements.

utnalove

06-26-2010, 11:21 PM

Thank you. Please tell me if the following would be correct:

I create a file called ie.css

I add the following on the header: <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie.css" type="text/css" media="screen" />

In the ie.css I put the following code:

#onlyie{
position:absolute;
right: 80px;
}

In the php file I put the following code

<div id="onlyie">

Please tell me:

is that right what I wrote?
Will this <div> be read by IE only?

_Aerospace_Eng_

06-26-2010, 11:30 PM

Okay you may have been confused on what the down-level revealed comments do. They were meant to hide things from IE, not show them so change this
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie.css" type="text/css" media="screen" />
to this

Only IE will see that stylesheet. That div now will have no styling to any browser but IE so the position:absolute; and right:80px will be applied to div in IE only.

utnalove

06-27-2010, 10:37 AM

moment moment...


<div style="position:absolute; right: 80px">


Isn't this a negation meaning: This kind of DIV needs to be used for all the NON Internet Explorer browsers? Eg. FF, Chrome...?

If I put this:



it won't have the same meaning as the


<div style="position:absolute; right: 80px">

?

_Aerospace_Eng_

06-27-2010, 11:12 PM

Right. The first one will be for all browsers except IE. The second one will be for ONLY IE browsers.