Janni
unregistriert
CSS und Tabellenlayout
Hallo,
ich bräuchte einmal netterweise eure Hilfe. Ich würde gern für alle Tabellen eine einheitliche Darstellung haben. Und zwar, wenn ich mit der Maus auf eine Zeile in einer Tabelle fahre, dann soll der Hintergrund dieser Zeile etwas aufhellen.
Auf www.lcl-online.de habe ich das gesehen. auf der Startseite im unteren Teil der Seite. Dort ist ein ForumTicker. Wenn man da mit der Maus drüber fährt, wird die entsprechende Zelle heller. Ich hätte es gern, das die ganze Zeile heller wird. Kann mir jemand helfen?
Danke euch!
ich bräuchte einmal netterweise eure Hilfe. Ich würde gern für alle Tabellen eine einheitliche Darstellung haben. Und zwar, wenn ich mit der Maus auf eine Zeile in einer Tabelle fahre, dann soll der Hintergrund dieser Zeile etwas aufhellen.
Auf www.lcl-online.de habe ich das gesehen. auf der Startseite im unteren Teil der Seite. Dort ist ein ForumTicker. Wenn man da mit der Maus drüber fährt, wird die entsprechende Zelle heller. Ich hätte es gern, das die ganze Zeile heller wird. Kann mir jemand helfen?
Danke euch!
Proggi
unregistriert
Hier ein kleines Beispiel wie es gehen könnte.
Netten Gruß
Andy --- Proggi
|
|
Quellcode |
1 2 3 4 5 6 7 |
<table width="500" border="1">
<tr id="row">
<td onmouseover="document.getElementById('row').style.backgroundColor='#333333'" onmouseout="document.getElementById('row').style.backgroundColor='#ffffff'">Spalte 1</td>
<td onmouseover="document.getElementById('row').style.backgroundColor='#333333'" onmouseout="document.getElementById('row').style.backgroundColor='#ffffff'">Spalte 2</td>
<td onmouseover="document.getElementById('row').style.backgroundColor='#333333'" onmouseout="document.getElementById('row').style.backgroundColor='#ffffff'">Spalte 3</td>
</tr>
</table>
|
Netten Gruß
Andy --- Proggi
Warum macht ihr das nicht via CSS? Also ich bin jetzt absolut niemand der sich mir Design etc auskennt aber probiere es mal so:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
<html>
<head>
<title>Hover TEST</title>
<style type="text/css">
<!--
tr.dummy {
color: 000;
background-color: #FFF;
border: solid 1px #CC0000;
display: block;
width: 100px;
margin-bottom: 5px;
}
tr.dummy:hover {
color: #FFF;
background-color: #CC0000;
border: solid 1px #000;
}
-->
</style>
</head>
<body>
<table border="0">
<tr class="dummy">
<td>test1</td>
</tr>
<tr class="dummy">
<td>test1</td>
</tr>
<tr class="dummy">
<td>test1</td>
</tr>
<tr class="dummy">
<td>test1</td>
</tr>
<tr class="dummy">
<td>test1</td>
</tr>
<tr class="dummy">
<td>test1</td>
</tr>
</table>
</body>
</html>
|
So einfach wie möglich - aber nicht einfacher!
Albert Einstein (1879-1955)
Albert Einstein (1879-1955)
Proggi
unregistriert
Haste auch wieder recht
Wobei er hier auch nicht alles "automatisch" übernommen wird.
Wobei ich mich frage, ob sowas wirklich Sinn macht
Die erste Möglichkeit könnte man in einer JS-Funktion bewerkstelligen.
Auf jeden Fall müssen immer alle Tabellen bzw Tabellenreihen bearbeitet werden - egal wie man es macht. Der Browser muss ja wissen was er wann machen muss.
Und Designer bin ich auch keiner.... Sieht man ja oft genug
Netten Gruß und gute Nacht....... um 4 Uhr ist die Nacht wieder vorbei
Andy --- Proggi
Wobei er hier auch nicht alles "automatisch" übernommen wird.
Wobei ich mich frage, ob sowas wirklich Sinn macht
Die erste Möglichkeit könnte man in einer JS-Funktion bewerkstelligen.
Auf jeden Fall müssen immer alle Tabellen bzw Tabellenreihen bearbeitet werden - egal wie man es macht. Der Browser muss ja wissen was er wann machen muss.
Und Designer bin ich auch keiner.... Sieht man ja oft genug
Netten Gruß und gute Nacht....... um 4 Uhr ist die Nacht wieder vorbei
Andy --- Proggi
Bei einer Lösung wo nur CSS zum Einsatz kommt, gibts AFAIK mal wieder Probleme mit dem IE. Der kennt (bis Version 6?!) die Pseudoklasse hover nur bei Links und würde somit die CSS-Definitionen ignorieren bzw. nicht verstehen.
Dort müsste man dann eben auf eine Javascriptlösung ausweichen oder den IE einfach nicht mehr berücksichtigen...
Ich tendiere zu letzterem
Aber das nur als Anmerkun am Rande...Lösungsansätze gabs ja genug
Grtz
Dort müsste man dann eben auf eine Javascriptlösung ausweichen oder den IE einfach nicht mehr berücksichtigen...
Ich tendiere zu letzterem
Aber das nur als Anmerkun am Rande...Lösungsansätze gabs ja genug
Grtz
[Bevor du jemanden mit Füßen trittst, überleg ob du einem eventuellen Echo gewachsen bist]
Janni
unregistriert
Also finden tue ich bei meinem Freund genug. Doch nicht das was ich brauche. Die arbeiten alle mit class="keineahnung". Doch ich ändere doch jetzt nicht jede Tabelle. Da säße ich ja lange dran. Das muss doch auch irgendwie anders gehen. Sobald er eine Tabelle sieht, soll halt jede Zeile beim Mouseover die Farbe ändern.
Oder womit ich auch zufrieden wäre, wenn jede zweite Zeile, einfach etwas heller wäre, als die anderen. Also z.B. die erste Zeile hat die Farbe #000000 die zweite Zeile #FFFFFF die dritte dann wieder #000000 die vierte dann #FFFFFF usw. Das geht doch auch, oder? Nur womit darf ich meinen Freund bestücken?
Danke euch sehr!
Oder womit ich auch zufrieden wäre, wenn jede zweite Zeile, einfach etwas heller wäre, als die anderen. Also z.B. die erste Zeile hat die Farbe #000000 die zweite Zeile #FFFFFF die dritte dann wieder #000000 die vierte dann #FFFFFF usw. Das geht doch auch, oder? Nur womit darf ich meinen Freund bestücken?
Danke euch sehr!

- 1
- 2



