Ik snap maar niet waarom het niet werkt, en heb het gevoel dat ik iets simpels over het hoofd zie. Maar ik heb:

<table class="main">
			<tr>
				<td onmouseover="this.className='hover'" onmouseout="this.className=''" onclick="self.location.href='pages.php'">
					<img src="./images/document.png" alt="" height="48" /><br />
					Pagina&#39;s
				</td>
				<td onmouseover="this.className='hover'" onmouseout="this.className=''" onclick="self.location.href='menu.php'">
					<img src="./images/text_tree.png" alt="" height="48" /><br />
					Menu
				</td>
			</tr>
		</table>

en

	* {
		margin:0px;
		padding:0px;
	}
	
	body {
		font:12px Verdana, Sans-Serif;
		color:#036;
		background:#3588bc;
	}
	
	td {
		font:12px Verdana, Sans-Serif;
	}
	
	h4, th {
		font:13px Verdana, Sans-Serif;
		font-weight:bold;
	}
	
	[..]
	
	#content {
		border:solid 1px #000;
		margin:10px;
		padding:5px;
		background:#99cee6;
	}
	
	[..]
	
	table.menu {
		border:solid 1px #000;
		background:#CCC;
	}
			
	table.menu th {
		height:25px;
	}
	
	table.menu td, table.menu th {
		border:solid 1px #000;
		background:#FFF;
		text-align:center;
		padding:2px;
	}
	
	table.menu .small {
		width:25px;
	}
	
	table.menu .big {
		width:300px;
		text-align:left;
		padding-left:10px;
	}
	
	table {
		margin:20px;
	}
	
	table.main td {
		text-align:center;
		width:80px;
		height:80px;
		border:solid 1px #99cee6;
		cursor:pointer;
		font:12px Verdana, Sans-Serif;
		color:#036;
	}
	
	table.main td.hover {
		background:#369;
		border:solid 1px #000;
		color:#FFF;
	}
	
	[..]

Maar toch wordt de style niet toegepast. Als ik in de de CSS gewoon 'table td' ipv table.main td dan werkt het wel, maar dan worden alle tabellen aangepast, en dat is niet de bedoeling.

Ziet iemand wat ik verkeerd doe? Of weet iemand wat er mis gaat? Het probleem doet zich in alle browsers voor die ik getest heb (Opera, FireFox en IE)

Betreffende pagina

Edit
Oke, en blijf verder lekker van de pagina af. Het is alleen om de bron te kunnen bekijken, niet om te testen!
bij mij doet hij het prima.

edit
getest in ie en ff
Ik zal even voor je kijken.
Tnx Jan!

@bart, het ziet er misschien goed uit, maar het hoort anders :) Ik zal het even toelichten, ookal zou je het ook uit de CSS kunnen halen.
De bedoeling is, dat ze wat verder van elkaar komen te staan (80px breed en hoog), en met mouseover (dus .hover) de achtergrond verandert en je muis een handje wordt. Maar dat gebeurt dus niet.
en als je table.main nu is vervangt door .main
ik zie de fout niet

[edit]
sorry ik zag je post er na nog niet!!
anders gebruik je inplaats van classes id's
[/edit]
bart van der veen schreef op 06.09.2006 21:11
bij mij doet hij het prima.

edit
getest in ie en ff

bij mij ook als ik hem lokaal test.
@PHP Newbie, had ik ook al geprobeerd, maar dat werkte ook niet. Heb ook #content p tabel.main td geprobeerd, maar zelfs dat mocht niet baten :) (Kan natuurlijk nog 'html body #content p tabel.main td' proberen :P)

Edit: Hmmm, bij jullie werkt het dus normaal :S
Ik denk dat je table class bent vergeten.
Hij gaat pas oplichten als de td class in de tabel main zit en je hebt die geen class toegewezen.

als je de tabel, waar de knoppen inzitten, class='main' geeft doe hij het

Edit: Beetje laat *-)

Edit 2: Het script bij je eerste post heeft wel class='main' maar je voorbeeld niet

Edit 3: Hij doet het nu wel. (je hebt table.main td.hover veranderd naar table td.hover) ;)

Nog even een kleine aanvulling




<table> Ik denk dat dit <table class='main'> Moet worden
<tr>

<td onmouseover="this.className='hover'" onmouseout="this.className=''" onclick="self.location.href='pages.php'">
<img src="./images/document.png" alt="" height="48" /><br />
Pagina&#39;s
</td>
<td onmouseover="this.className='hover'" onmouseout="this.className=''" onclick="self.location.href='menu.php'">
<img src="./images/text_tree.png" alt="" height="48" /><br />
Menu
</td>
</tr>

</table>
Han, dat komt omdat ik dit:
plaatje aan het brouwen was, daarom klopt het voorbeeld weer wel/niet etc :)

Maar hier zie je dus wat er bij mij fout gaat. Maar bij jullie gaat het dus goed? (Code is weer zoals het hoort)

Reageren