Kako u u CSS-u postaviti da mi se na link hover promijeni pozadina ćelije u kojoj mi se nalazi link?
Znači, želim da ćelija sa linkom ima jednu pozadinu, a na hover drugu.
Kako u u CSS-u postaviti da mi se na link hover promijeni pozadina ćelije u kojoj mi se nalazi link?
Znači, želim da ćelija sa linkom ima jednu pozadinu, a na hover drugu.
Dodaš toj ćeliji stil
.celija { background-color:#FFF; }
.celija:hover { background-color:#000; }
Da, igrao sam se sa time, samo, ne bih htio da se pozadina promijeni kad dođem bilo gdje unutar nje, nego samo na link. Ali, može i tako, ali onda bih trebao napraviti da je cijela ćelija link, a ne samo tekst unutar nje....
Onda dodaj padding na link.
a {padding:10px 20px 10px; background-color:#CCC;}
a:hover {background-color:#000;}
nisam dobio, ne odgovara mi ovaj način, jer su mi linkovi različite duljine, pa bi trebao za svaku ćeliju posebno raditi
mozes uz malo javascripta ovako:
<html>
<head>
<script type="text/javascript">
function c1(nesto) {
nesto.className = "boja1";
}
function c2(nesto) {
nesto.className = "boja2";
}
function c3(nesto) {
nesto.parentNode.parentNode.className = "boja1";
}
function c4(nesto) {
nesto.parentNode.parentNode.className = "boja2";
}
</script>
<style>
.boja1 {background-color:goldenrod;}
.boja2 {background-color:lightblue;}
</style>
</head>
<body>
<table>
<tr>
<td width="150" onmouseover="c1(this);" onmouseout="c2(this);">
blaBlAblabla
</td>
<td width="150">
<center><a href"#" onmouseover="c3(this);" onmouseout="c4(this);">Link2</a><center>
</td>
<td width="150" onmouseover="c1(this);" onmouseout="c2(this);">
blablablasdf
</td>
</tr>
</table>
</body>
</html>
hvala, budem se poigrao malo sa time...
Nego, da sad ne otvaram novu temu.
Jel moguće u css-u postaviti
.nesto {text-align: left;}
ali bez da stavim <p></p>?
naime, htio bih jednu ćeliju na vrhu koristiti kao naslov, ali kada stavim paragraf, slova mi odu prenisko.
mozes h1,h2..itd. ako si to mislio ?
<html>
<head>
<style>
h3 {text-align:center;background-color:grey;}
td {text-align:left}
div {text-align:right;background-color:salmon;}
.ccc {text-align:right;background-color:beige;}
</style>
</head>
<body>
<h3>bnlalbal</h3>
<table border="1"><tr><td width="200">ght</td></tr><tr><td class="ccc">gdfgdfg</td></tr><table>
<br><br>
<div>kojesta</div>
</body>
</html>
e to je to otprilike, hvala :-)
