Radi samo border, kada dodam color ili font family, ili bilo šta slično, ne prihvata.
Takođe, zanima me da li u toj tabeli mogu dodati još jednu kolonu "Izbriši" čiji će redovi biti checkbox, odnosno označavaće se da li korisnik želi brisati neke već poručene proizvode ili ne.
Evo koda:
Code:
<html>
<style type="text/css">
a.meni1{display:inline; margin-right:10px; background:silver; padding:2px 2px 2px 2px;
color:black;font-weight:bold; text-decoration:none; border:2px black inset; font-size:12px}
a.meni1:hover{background:silver; border:2px black outset}
a.meni{margin-top:20px; margin-left:10px; width:80%; display:block; margin-bottom:10px; background:silver;
padding:1px 1px 1px 1px;color:black;font-weight:bold; text-decoration:none;
border:2px silver inset; font-size:12px}
a.meni:hover{background:silver; border:2px black outset}
table{margin-top:-570px; font-family:Verdana; font-size:14px;
color:silver; width:700px; background-color:black; border-spacing: 4px;}
h1{font-family:Verdana; font-size:16px; color:silver}
.navigacija1-1{height:9%; float:left; margin-bottom:5px; background-color:black; width:80%;
margin-top:40px}
.navigacija2{margin-top:20px; width:100%; height:65%; margin-bottom:100px}
.navigacija1{font-family:Verdana; width:70%; height:50%; margin-top:18px; margin-left:270px; text-align:center}
.proizvodi {font-family:Verdana; margin-top:150px; margin-left:20px; height:90%; background-color:black; width:20%; text-align:center}
.tabela{height:80%; float:left; background-color:black; margin-left:240px;
margin-top:70px; width:700px}
.sivo{height:20%; float:left; background-color:silver; margin-top:4px;
width:700px; color:black}
.crno{height:20%; float:left; background-color:black; margin-top:4px;
width:700px; color:silver}
.container{border:solid 8px #999;}
input{margin-left:400px}
</style>
<head>
<title>Tastature</title>
<script language="JavaScript">
function odgovor(){
var racun=0
var porudzbina="<center>Naručili ste:"+"<br></br>"+
"<center><table border=2><tr><th>Proizvod</th><th>Cena</th></tr>"
if(document.obrazac.check1.checked==true){
racun+=804;
porudzbina+="<tr><td>Gigabyte GKM-KM5000/YU/PS2</td><td>804,00 din</td></tr>"
}
if(document.obrazac.check2.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check3.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/USB</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check4.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black, USB</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check5.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black/</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check6.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech Cordless Wave Crna USB</td><td>1.071,00 din</td></tr>"
}
porudzbina+="<tr><th>Ukupno</th><th>"+racun+" dinara</th></tr></table></center><br>"
{
document.write(porudzbina)
}//end else
}//end funkcija
</script>
</head>
<body bgcolor=black>
<div class="container">
<div class="navigacija1-1">
<div class="navigacija1">
<a href="Pocetna.html" class="meni1"> POČETNA </a>
<a href="Cenovnik.html" class="meni1"> CENOVNIK </a>
<a href="O nama.html" class="meni1"> O NAMA </a>
<a href="Kontakt.html" class="meni1"> KONTAKT </a>
</div>
</div>
<div class="proizvodi">
<h1> Proizvodi </h1>
<div class="navigacija2">
<a href="Miševi, tastature.html" class="meni"> Tastature, miševi </a>
<a href="Monitori, TFT monitori.html" class="meni"> Monitori - TFT monitori </a>
<a href="Web kamere.html" class="meni"> Web kamere </a>
<a href="Digitalni foto aparati, digitalne kamere.html" class="meni"> Digitalni foto aparati, digitalne kamere </a>
<a href="Notebook, Desktop Računari.html" class="meni"> Notebook, Desktop Računari </a>
</div>
</div>
<div class="tabela">
<form name="obrazac">
<table>
<tr class="sivo">
<th align="left">Tastature</th>
</tr>
<tr class="crno">
<td align="left">Gigabyte GKM-KM5000/YU/PS2///</td>
<td align="right"><input type="checkbox" name="check1" value="on">Naruči</td>
</tr>
<tr class="sivo">
<td align="left">Logitech /OEM/Deluxe 250/US/Black/</td>
<td align="right"><input type="checkbox" name="check2" value="on">Naruči</td>
</tr>
<tr class="crno">
<td align="left">Logitech /OEM/Deluxe 250/US/Black/USB</td>
<td align="right"><input type="checkbox" name="check3" value="on">Naruči</td>
</tr>
<tr class="sivo">
<td align="left">Logitech /OEM/Deluxe 250/YU/Black, USB</td>
<td align="right"><input type="checkbox" name="check4" value="on">Naruči</td>
</tr>
<tr class="crno">
<td align="left">Logitech /OEM/Deluxe 250/YU/Black/</td>
<td align="right"><input type="checkbox" name="check5" value="on">Naruči</td>
</tr>
<tr class="sivo">
<td align="left">Logitech Cordless Wave Crna USB</td>
<td align="right"><input type="checkbox" name="check6" value="on">Naruči</td>
</tr>
<tr></tr>
<tr>
<td align="right"><input type="submit" value="Naruči" onClick="odgovor(obrazac)"></td>
</tr>
</table>
</div>
</div>
</body>
</html>
<html>
<style type="text/css">
a.meni1{display:inline; margin-right:10px; background:silver; padding:2px 2px 2px 2px;
color:black;font-weight:bold; text-decoration:none; border:2px black inset; font-size:12px}
a.meni1:hover{background:silver; border:2px black outset}
a.meni{margin-top:20px; margin-left:10px; width:80%; display:block; margin-bottom:10px; background:silver;
padding:1px 1px 1px 1px;color:black;font-weight:bold; text-decoration:none;
border:2px silver inset; font-size:12px}
a.meni:hover{background:silver; border:2px black outset}
table{margin-top:-570px; font-family:Verdana; font-size:14px;
color:silver; width:700px; background-color:black; border-spacing: 4px;}
h1{font-family:Verdana; font-size:16px; color:silver}
.navigacija1-1{height:9%; float:left; margin-bottom:5px; background-color:black; width:80%;
margin-top:40px}
.navigacija2{margin-top:20px; width:100%; height:65%; margin-bottom:100px}
.navigacija1{font-family:Verdana; width:70%; height:50%; margin-top:18px; margin-left:270px; text-align:center}
.proizvodi {font-family:Verdana; margin-top:150px; margin-left:20px; height:90%; background-color:black; width:20%; text-align:center}
.tabela{height:80%; float:left; background-color:black; margin-left:240px;
margin-top:70px; width:700px}
.sivo{height:20%; float:left; background-color:silver; margin-top:4px;
width:700px; color:black}
.crno{height:20%; float:left; background-color:black; margin-top:4px;
width:700px; color:silver}
.container{border:solid 8px #999;}
input{margin-left:400px}
</style>
<head>
<title>Tastature</title>
<script language="JavaScript">
function odgovor(){
var racun=0
var porudzbina="<center>Naručili ste:"+"<br></br>"+
"<center><table border=2><tr><th>Proizvod</th><th>Cena</th></tr>"
if(document.obrazac.check1.checked==true){
racun+=804;
porudzbina+="<tr><td>Gigabyte GKM-KM5000/YU/PS2</td><td>804,00 din</td></tr>"
}
if(document.obrazac.check2.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check3.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/USB</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check4.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black, USB</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check5.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black/</td><td>1.071,00 din</td></tr>"
}
if(document.obrazac.check6.checked==true){
racun+=1071
porudzbina+="<tr><td>Logitech Cordless Wave Crna USB</td><td>1.071,00 din</td></tr>"
}
porudzbina+="<tr><th>Ukupno</th><th>"+racun+" dinara</th></tr></table></center><br>"
{
document.write(porudzbina)
}//end else
}//end funkcija
</script>
</head>
<body bgcolor=black>
<div class="container">
<div class="navigacija1-1">
<div class="navigacija1">
<a href="Pocetna.html" class="meni1"> POČETNA </a>
<a href="Cenovnik.html" class="meni1"> CENOVNIK </a>
<a href="O nama.html" class="meni1"> O NAMA </a>
<a href="Kontakt.html" class="meni1"> KONTAKT </a>
</div>
</div>
<div class="proizvodi">
<h1> Proizvodi </h1>
<div class="navigacija2">
<a href="Miševi, tastature.html" class="meni"> Tastature, miševi </a>
<a href="Monitori, TFT monitori.html" class="meni"> Monitori - TFT monitori </a>
<a href="Web kamere.html" class="meni"> Web kamere </a>
<a href="Digitalni foto aparati, digitalne kamere.html" class="meni"> Digitalni foto aparati, digitalne kamere </a>
<a href="Notebook, Desktop Računari.html" class="meni"> Notebook, Desktop Računari </a>
</div>
</div>
<div class="tabela">
<form name="obrazac">
<table>
<tr class="sivo">
<th align="left">Tastature</th>
</tr>
<tr class="crno">
<td align="left">Gigabyte GKM-KM5000/YU/PS2///</td>
<td align="right"><input type="checkbox" name="check1" value="on">Naruči</td>
</tr>
<tr class="sivo">
<td align="left">Logitech /OEM/Deluxe 250/US/Black/</td>
<td align="right"><input type="checkbox" name="check2" value="on">Naruči</td>
</tr>
<tr class="crno">
<td align="left">Logitech /OEM/Deluxe 250/US/Black/USB</td>
<td align="right"><input type="checkbox" name="check3" value="on">Naruči</td>
</tr>
<tr class="sivo">
<td align="left">Logitech /OEM/Deluxe 250/YU/Black, USB</td>
<td align="right"><input type="checkbox" name="check4" value="on">Naruči</td>
</tr>
<tr class="crno">
<td align="left">Logitech /OEM/Deluxe 250/YU/Black/</td>
<td align="right"><input type="checkbox" name="check5" value="on">Naruči</td>
</tr>
<tr class="sivo">
<td align="left">Logitech Cordless Wave Crna USB</td>
<td align="right"><input type="checkbox" name="check6" value="on">Naruči</td>
</tr>
<tr></tr>
<tr>
<td align="right"><input type="submit" value="Naruči" onClick="odgovor(obrazac)"></td>
</tr>
</table>
</div>
</div>
</body>
</html>