Problem med tabeller i explorer?

Hej!

Jag måste design en sida med hjälp av tabeller i en kurs jag läser. Tycker det är dumt, men jag gör det iaf.

Jag har gjort min tabell, och den ser ut som jag vill i crome och firefox, dock inte i explorer. Det konstiga är att jag kodat allt själv i notepadd++, och lik förbannat ser det ut som attan.

Uppgiften är att vi ska ha några bilder i en tabell med lite text. Vi måste även smälta ihop 4 st celler till 1 avlång och 1 hög. Är det det som krånglar i explorer?

Kan någon vänlig själ kolla igenom min kod?

Jag vågar inte posta den här pga kursledaren kan se det. Skickar PM!

Det jag får fel på är mina img-taggar. Jag får följande fel när jag validerar:

Warning Line 44, Column 51: NET-enabling start-tag requires SHORTTAG YES

<TD><img src="***.jpg" alt="***" /></TD>

✉

The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML.

Vad betyder det? Vad ska jag ändra i min img-taggar.

Löste det nu. Jag tog bort /-taggarna, samt valde en doctype. Tack för hjälpen alla! Ska även säga till min kursledare nästa år att han sätt att koda är gammalt och att han bör överväga att byta till css.

Det ända han använder css till är <p> och <h1>. Resten har vi fått lära oss. T.ex. när han vill centrera sina tabbeller använder han <div align="center">, istället för att göra det lätt för sig i css.

Nu har jag stött på ett annat problem. I en annan uppgift ska vi lägga "rollover-effekter" på våra bilder. Jag väljer det genom att göra en a:hover i css, och länka bilden till #. Det funkar perfekt, men tabellen ser helkostig ut, vad kan jag gjort fel?

Min css för varje enskild bild:

#bild1 ul{ 
	list-style: none; 
	padding: 0; 
	margin: 0; }

#bild1 a {
	background: url(bild1.jpg);
	height: 132px;
	float: left;
	width: 132px;
	display: block;}

#bild1 a:hover {
	background: url(bild1a.jpg); }

Gjorde ingen skillnad. Jag testade dock att lägga till en border i tabellen, och då insåg jag vad som hänt. I och med att jag använde

colspan="2"

så har alla celler blivit så höga. Det kanske gå att lösa om jag anger en height på td i css. Ska testa! Återkommer med resultat.

Skrev in följande:

 table td {
	width: XXpx;
	height: XXpx;}

fast utan resultat :(. Vad kan jag gjort fel?

Jag har exakt samma tabell som tidigare, bara att jag byt ut img taggarna till:

<div id="hej">
<ul><a href="#"></a></ul>
</div>

och hej cssn:

#hej ul{ 
	list-style: none; 
	padding: 0; 
	margin: 0; }

#hej a {
	background: url(hej1.jpg);
	height: 132px;
	float: left;
	width: 132px;
	display: block;}

#hej a:hover {
	background: url(hej2.jpg); }

Vad har jag gjort fel?

Tack, jag hade kopierat lite fel :S. Btw, bry dig inte om PM:t!