Ten web je celý dáko divne kódený
Urob to takto:
Kód: Vybrať všetko
<--toto pridaj medzi <HEAD> </HEAD> -->
<style>
.menu {background-color: #CDC312; width: 200px}
.menu:hover {background-color: #E36200;}
</style>
<-- a to menu prerob takto -->
<a href="index.php"><div class="menu">Úvod</div></a>
<a href="2.php" ><div class="menu">Kontakt</div></a>
<a href="3.php"><div class="menu">Html+css</div></a>
<a href="4.php"><div class="menu">PHP+MySql</div></a>
Vyzerá to takto:

- ukazka.png (2.08 KiB) 345 zobrazení
Tu je celý zdroják tvojej úvodnej stránky už upravený aby to vyzeralo, tak ako na obrázku. Keďže tú stránku generuješ z PHP, tak by pre teba nemal byť problém zmeniť tie hodnoty.
Kód: Vybrať všetko
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dominik Prusa-Tvorba webov</title>
<style>
body {background-color: orange;}
a:link {color: FF6600;}
a:visited {color: FF6600}
a:active {color: FF6600}
a:hover { color: maroon;}
a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}
/*Toto je časť ktorou menis pozadie a rozmer toho menu*/
.menu {background-color: #CDC312; width: 200px}
.menu:hover {background-color: #E36200;}
</style>
</head>
<body>
<center>
<table height="100%" border="1" width="800px">
<tr>
<td colspan="2" height="55px" bgcolor="yellow" valign="middle" background="header.png">
</td>
</tr>
<tr>
<td width="200px" bgcolor="yellow" valign="top">
<b>Menu:</b>
<br>
<a href="index.php"><div class="menu">Úvod</div></a>
<a href="2.php" ><div class="menu">Kontakt</div></a>
<a href="3.php"><div class="menu">Html+css</div></a>
<a href="4.php"><div class="menu">PHP+MySql</div></a>
<br><br>
<center>
<font size="4"><span id="cas"></font></span>
<script>
function naplnCas (){
var datum = new Date();
aktualniCas = datum.getHours() + ":" + datum.getMinutes() + ":" + datum.getSeconds();
window.document.getElementById("cas").innerHTML = aktualniCas;
}
naplnCas(); //naplneni na zacatku
window.setInterval("naplnCas()", 1000);
</script>
<br><br>
<table>
<tr>
<td colspan="7">
<strong>December</strong>
</td></tr><tr><td></td><td></td><td></td><td>1</td><td>2</td><td>3</td><td>4</td></tr><tr><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td></tr><tr><td>12</td><td>13</td><td>14</td><td style="background: #ccc;">15</td><td>16</td><td>17</td><td>18</td></tr><tr><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr><tr><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td><td></td></tr></table>
<br>
<br>
<a href="http://www.toplist.sk/"><script language="JavaScript" type="text/javascript">
<!--
document.write('<img src="http://toplist.sk/count.asp?id=1223275&logo=mc&http='+escape(document.referrer)+'&t='+escape(document.title)+
'&wi='+escape(window.screen.width)+'&he='+escape(window.screen.height)+'&cd='+escape(window.screen.colorDepth)+'" width="88" height="60" border=0 alt="TOPlist" />');
//-->
</script>
<noscript>
<img src="http://toplist.sk/count.asp?id=1223275&logo=mc" border="0" alt="TOPlist" width="88" height="60" />
</noscript>
</a>
</td>
<td valign="top" bgcolor="FFCC33">
Najdete tu html kody, html+css kody, php scripty...
<br>
Pokial by ste cheli vytvoriť unikátny web stačí ma kontaktovať
<br>
<img src="html.png">
</td></tr>
<tr>
<td colspan="2" bgcolor="yellow" height="20px">
<center>© Dominik Průša 2010 |
<a href="admin.php" >administrácia</a>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
//autoeditácia príspevku (15 Dec 2010, 21:48)
No, takže prúser. Funguje to korektne iba v opere. Teraz som to iba tak zo srandy vyskúšal v Mozille, Chrome, Safari, IE, a v IE sa to nezobrazuje vôbec a v ostatných sa nezobrazuje hover (farba keď prídeš myškou nad položku). Korektne to funguje iba v Opere
