Gattaca kirjoitti:Hitsi, näytä!
Mä tekisin sen näin. Tosin tuo on idioottisimppeli, eikä ole täydellinen - nyt linkki aktivoituu vasta tekstiä klikatessa, eikä koko nappula ole aktiivinen. Luullakseni erittäin simppeli kierrettävä.
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>NAPPULATESTI</TITLE>
<LINK href="koe.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<TABLE width="100" border="0" class="valikko" id="valikko">
<TR>
<TD class="valikko"><A href="http://www.urlyksi.com">YKSI</A></TD>
</TR>
<TR>
<TD class="valikko"><A href="http://www.urlkaksi.com">KAKSI</A></TD>
</TR>
<TR>
<TD class="valikko"><A href="http://urlkolme.com">KOLME</A></TD>
</TR>
<TR>
<TD class="valikko"><A href="http://urlnelja.com">NELJA</A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
css:
/* valikkolaatikon perustyyli */
td.valikko {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
background-color: #006666;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #666666;
border-bottom-color: #000000;
border-left-color: #666666;
}
/* en varma onko tämä tarpeellinen */
.valikko:hover {
background-color: #006699;
}
/* linkkimäärittelyt, näissäkin saattaa olla päällekkäisyyksiä */
a, a:link, a:hover, a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
display: block;
}
a, a:link {
color: #FFFFFF;
}
a:hover {
background-color: #006699;
color: #FFFF00;
}