| Subiectul anterior :: Subiectul următor |
| Autor |
Mesaj |
Sergiu
Data înscrierii: 29/Dec/2004
Mesaje: 93
|
| Trimis: Vin Dec 31, 2004 11:37 am Titlul subiectului: As vrea sa stiu daca se poate ? |
|
|
| Se poate face ca alegind cu cursorul o linie din tabel toata linia sa se coloreze intro culoare oarecare dar sa nu folosesc JavaScript |
|
| Sus |
|
arond
Data înscrierii: 11/Mar/2004
Mesaje: 580
Locație: 127.0.0.1
|
| Trimis: Vin Dec 31, 2004 1:12 pm Titlul subiectului: |
|
|
Se poate - folosind CSS, dar nu in Internet Explorer. Problema cu Internet Explorer este ca nu recunoaste pseudo-class-ul "hover" decat pentru tag-ul HTML A.
Cod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style type="text/css">
.colorat
{
background-color: red;
}
.colorat:hover
{
background-color: blue;
}
</style>
</head>
<body>
<table border="1">
<tr class="colorat">
<td>Uite un rand!</td>
</tr>
</table>
</body>
</html>
Numa' bune. |
|
| Sus |
|
Sergiu
Data înscrierii: 29/Dec/2004
Mesaje: 93
|
| Trimis: Lun Ian 03, 2005 11:01 am Titlul subiectului: |
|
|
Am un css de forma
.culoare { background-color:#339900;}
.culoare:hover { background-color:#FF0033;}
si un <?
echo '<link href="style.css" rel="stylesheet" type="text/css">';
echo '<table border = 1>';
echo '<tr class = "culoare">';
echo '<td>text</td><td>text</td>';
echo '</tr>';
echo '</table>';
?>
care este eroare ca tastand pe tabele culoare nu se schimba |
|
| Sus |
|
johnny
Data înscrierii: 31/Iul/2004
Mesaje: 904
Locație: Bucuresti
|
| Trimis: Lun Ian 03, 2005 1:15 pm Titlul subiectului: |
|
|
tr.culoare { background-color:#339900;}
tr.culoare:hover { background-color:#FF0033;} |
|
| Sus |
|
Sergiu
Data înscrierii: 29/Dec/2004
Mesaje: 93
|
| Trimis: Lun Ian 03, 2005 1:31 pm Titlul subiectului: |
|
|
| din pacate la mine nici asa nu merge :?: |
|
| Sus |
|
arond
Data înscrierii: 11/Mar/2004
Mesaje: 580
Locație: 127.0.0.1
|
| Trimis: Lun Ian 03, 2005 2:23 pm Titlul subiectului: |
|
|
| Tu ai citit postul meu ? Pe ce browser vrei sa-ti mearga ? |
|
| Sus |
|
monk
Data înscrierii: 28/Noi/2004
Mesaje: 16
|
| Trimis: Mie Ian 05, 2005 11:38 pm Titlul subiectului: |
|
|
Se poate si fara javascript
si pentru Internet Exploder
Cod:
<html>
<head>
<style type="text/css">
td.colorat { height: 20px; margin: 0px; padding: 0px; width: 100px;text-decoration:none; }
td.colorat a { display: block; height: 20px; width: 100px; }
td.colorat a:visited { display: block; height: 20px; width: 100px; text-decoration:none; color:blue; }
td.colorat a:hover { background: #CCF0BD; }
td.colorat1 { height: 20px; margin: 0px; padding: 0px; width: 100px;text-decoration:none; }
td.colorat1 a { display: block; height: 20px; width: 100px; }
td.colorat1 a:visited { display: block; height: 20px; width: 100px; text-decoration:none; color:blue; }
td.colorat1 a:hover { background: #C1EBFF; }
</style>
<body>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#808080">
<tr>
<td class="colorat1"><a href="#">Un tabel</a></td>
<td class="colorat"><a href="#">Cu mouseover</a></td>
</tr>
<tr>
<td class="colorat1"><a href="#">Effect</a></td>
<td class="colorat"><a href="#">Fara javascript</a></td>
</tr>
</table>
</body>
</html>
mai vezi documentatia css pentru a personaliza cum vrei tu
ideea e ca pui un link (ancora) <a href> care are hover si in IE si
citeste atent despre display: block;
Edit reason: fara javascript
e recomandat (cel putin eu asa fac) daca e posibil sa se foloseasca alternative css pentru javascrip
am citit o statistica in care scria ca , daca pana acum 1-2 ani javascript era foarte folosit, acum multi utilizatori dezactiveaza javascript din motive de securitate
si ar fi pacat sa nu se coloreze tabelul nu :lol: |
|
| Sus |
|
PHPRomania Bot
Bot Member
Data înscrierii: 27/Dec/2007
Mesaje: 1
Locaţie: Server Google |
| Trimis: Mie Dec 26, 2007 7:01 pm Titlul subiectului: Ad |
|
|
|
|
|
| Sus |
|
| |
