Help with css IE?

[Snoops]

Ok guys.. if you want me to go find another forum to post this i will but thort i would try here first :)

ok i wanted a theme different to all the standards for pixelpost... so i went and got a open source website ... and made it into a theme i can use for my pixelpost... now its working in FireFox.. ok bar one small problem.. but forget that.. Now i only have IE7 not IE6 and it wont show properly.. (damn Microsoft) So no idea what it looks like in IE6 or Apple for that matter.. When i look at the template in IE7 locally it displays all good but when looking at it on the web its all screwed?? any gurus out there willing to help me please ??
My test site
http://www.naturespixel.com/pixel/index.php
i have looked at the resources in the post here but its all very confusing.. but am able to follow instructions...lol I also realise its not all valid wsc but i will get to that asap...lol

Thanks for any input you may have for me :)

[Connie]

sorry, I cannot help you because I have no IE 7 installed at any of my computers and what I heard until now it is still not standard compliant...

first I would try to validate all HTML and then validate all CSS completely
if that is clear it is far more easy to localise any problems

[Snoops]

ok fair enough :).. my validation issues are cause the java script is actually sitting in my html template file.. not in some folder... so im gonna take it all out.. bugger trying to learn that as well.. for now

[Snoops]

Ok then my main page is Valid.. I'm working on the rest.. but have come across something i don't know how to fix.. its in the archive calendar http://www.naturespixel.com/pixel/index.php?x=archivecalendar
WSC
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.naturespixel.com%2Fpixe l%2Findex.php%3Fx%3Darchivecalendar&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1

Ive checked the archivecalander.php and this looks fine to me

if($dayimage == "true") {
$class = "punkcal_day_with_image";
$imagelink = "<a href='$PHP_SELF?curr_month=$curr_month&amp;curr_year=$ curr_year&amp;showimage=$curr_image_id' title='".$curr_image_title."' />";
$imagelink .= "<img alt='$curr_image_title' title='$curr_image_title' src='thumbnails/thumb_".$curr_image_name."' class='thumbnail' width='".$thumbnails_set_width."' height='".$thumbnails_set_height."' />";
$imagelink .= "</a>";
}

OK now .. my original problem of not working in IE7 is fixed.. :) not sure about IE6 can some one look please??? also if anyone has a MAC i would like it to work in that also ??

but i still cant validate my Archive calendar and .. my CSS wont validate... it says i need to validate my pages XML???
Thanks guys :)

[Joe[y]]

change


$imagelink = "<a href='$PHP_SELF?curr_month=$curr_month&amp;curr_year=$ curr_year&amp;showimage=$curr_image_id' title='".$curr_image_title."' />";


to


$imagelink = "<a href='$PHP_SELF?curr_month=$curr_month&amp;curr_year=$ curr_year&amp;showimage=$curr_image_id' title='".$curr_image_title."' >";

[Snoops]

excellent Joe[y].. thanks for catching that for me ..lol


now all my pages are valid acording to WSC via firefox plugin... but when i go to validate my css it says
Target: http://www.naturespixel.com/pixel/index.php

Please, validate your XML document first!

Line 35

Column 26

Element type "a" must be followed by either attribute specifications, ">" or "/>".

[Joe[y]]

remove the spans from the following:

<li><a href="index.php"title="Today"><span>home</span></a></li>

<li><a href="index.php?x=archivecalendar" title="calendar"><span>calendar</span></a></li>
<li><a href="index.php?x=browse&amp;pagenum=1"><span>archive</span></a></li>
<li><a href="index.php?x=about" title="Links"><span>about + links</span></a></li>
<li><a href="index.php?showimage=80"><span>permalink</span></a></li>

no need for them. that might help.

[Snoops]

i cant it will ruin the design... any other way i can fix this.. or do i have to go get another design and start from scratch??

[Joe[y]]

but spans without any style information should have no effect whatsoever. and more so placing a span inside links just doesn't work. perhaps moving the spans (if they really need to be there. . . i can't understand why) outside of the links but within the <li>'s will fix your problem.

[Snoops]

Span does have style info
#menu-top a {
float: left;
background:url(images/menuleft.png) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
line-height: 1.5em;
}

#menu-top a span {
background: transparent url(images/menuright.png) no-repeat right top;
padding:5px 15px 4px 6px;
color:#5b8fbe;
display: block;
float: left;
cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
#menu-top span {
background: transparent url(images/menuright.png) no-repeat right top;
padding:5px 15px 4px 6px;
color:#5b8fbe;
display: block;
float: left;
cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
but thast only part of it... maybe if i just make it a "button"???... remmeber i didnt make this.. and i did try and take out the span... it took out my button images

[Joe[y]]

but thast only part of it... maybe if i just make it a "button"???... remmeber i didnt make this.. and i did try and take out the span... it took out my button images

ah. i didn't even check that.. most people normally apply the class to the span. anyway, i'm stumped! sorry... very weird way of doing stuff :P

[Snoops]

thats ok Joe[y] i really appreciate your help mate :) tomorrow i will make buttons and see if i can get away with that :) if not then ill start from scratch again .. no biggie

[Snoops]

Ok thank you Joe[y] and Connie i went and found a better template that suited me.. not some one else...lol so its all done .. all valid even my css.. so i thank you ..:) I feel good now that its all valid ive never done that b4.. ya have converted me..lol

Take a look :)naturespixel (http://naturespixel.com) what you think?

[Connie]

Take a look :)naturespixel (http://naturespixel.com) what you think?

that's a bunch of colors there, real spring!

Interesting template!

How will it be in autumn?