html/css - nefunguje class
Čus, zkoušíme psát s kamarádem jentak pro radost webové stránky, bohužel nastal jeden problém, možná primitivní a pro mou neschoponost ho vyřešit i mírně ztrapňující 
, avšak otravný problém.
Situace je taková, že máme nějaké postraně vyjížděcí menu:
To menu je definované v css jako button:NĚCO
Pokud ovšem chci dát na stránku jakékoli jiné tlačítko, tak se chová stejně jako položky v menu (protáhne se a zaoblí se)
To já nechci, aby to dělalo. Základní věc, kterou sem zkusil provést je vytvořit v css class - .obsah - a do html následně napsat <button class="obsah" ... , to ale nefunguje a tlačítko se chová stále stejně 
To tlačítko je show/hide, vypadá takhle:
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide
</button>upravené takhle:
<button class="obsah" title="Click to show/hide content" type="button.obsah" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide
</button>Do css vpisuji něco základního typu tohohle:
.obsah{
}Sem amatér, takže řešení může být prosté, ale mi ho prostě nevidíme
Pro jistotu přiložím celý začátek našeho html:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Payday 2 - Skilly
</title>
<link rel="shortcut icon" href="../icona.ico">
<meta name="description" content="Tato stránka je pro èeskou komunitu hrající Payday. Na tìchto webových stránkách se vám pokusíme objasnit stealth, zbranìy rùzné styly hraní a poradit s problémy, které se vm ve høe Payday vyskytnou.">
<meta name="author" content="Tyto webové stránky vlastní a spravují Fanteria a Raymond.">
<meta name="keywords" content="payday payday2cz payday2.cz payday zbrane payday dily fotogalerie vybaveni skill">
<link rel="stylesheet" href="../vlastnosti.css" type="text/css" >
<script type="text/javascript">
function DetectMobile()
{
var uagent = navigator.userAgent.toLowerCase();
if (uagent.search("mobile") > -1)
{
document.open();
document.write('Verze pro mobilni zarizeni jeste neni pripravena, kliknete <a href="http://mobile.payday2.cz/Skill.html">zde</a> , pokud chcete zobrazit desktop verzi.');
document.close();
}
}
</script>
</head>
<body onload="DetectMobile ()">
<div style="width: 93%;">
<div style="width: 850px; margin-left: auto; margin-right: auto">
<div class="top">
<a href="../index">
<img src="../hlavicka.png" alt="hlavicka" width="910"></a>
</div>
<div class="top-banner">
<h1>Skilly</h1>
</div>
<div class="column">
<div class="left-column">
<nav>
<ul>
<li class="aktivni">
<p class="menupismo">
<a href="#">Skilly</a>
</p>
</li>
<li>
<p class="menupismo">
<a href="../Vybaveni">Zpìt</a>
</p>
</li>
<li>
<p class="menupismo">
<a href="../index">Úvod</a>
</p>
</li>
</ul>
</nav>
</div>
<div class="right-column">
<br><h3>Skilly</h3>
<p class="center">Na následujcí stránce najdete všechny možné skilly, které si m?žete odemknout ve h?e PayDay 2
</p>
<hr>
<br>
<!--<br>-->
<!--<section>-->
<table>
<tr>
<th>Contents
</th>
<th>
<div id="spoiler" style="display:none">
<table>
<tr>
<th>
<a href="#section1">Master Mind</a>
</th>
</tr>
<tr>
<th>
<a href="#section2">Technician</a>
</th>
</tr>
<tr>
<th>
<a href="#section3">Enforcer</a>
</th>
</tr>
<tr>
<th>
<a href="#section4">Ghost</a>
</th>
</tr>
</table>
</div>
<button class="obsah" title="Click to show/hide content" type="button.obsah" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide
</button>
</th>
</tr>
</table>
<!--</section>-->A také část css definující menu (kdyby bylo nutno se podívat):
Ta se sem nevejde, tak alespoň extérně tu, začíná to někde od řádky 135.
Předem díky za pomoc 
Proč nedáš odkaz na kompletní stránku?
Má omluva, tu je.
Proč tam je to button:hover?
No button:hover z prostého důvodu - když najedu myší na nějakou položku v menu, tak se změní její vzhled.
Položka v menu ovšem není button.
O menu se snažil kamarád, tak se ho zeptám k čemu to má sloužit.