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><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>.obsah{
}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>-->Ta se sem nevejde, tak alespoň extérně tu, začíná to někde od řádky 135.
Předem díky za pomoc
