Autor |
Nachricht |
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 02.10.2007 13:30
Titel Text soll bei Hover über Tabellenzelle angezeigt werden.. |
|
|
Hallo! Habe in einer Tabelle in einer Zelle einen Text stehen, der soll aber erst erscheinen, wenn man mit der maus über der tabellenzelle is? hab mir das so gedacht das ich der zelle eine klasse gebe, setzte die auf invisible und dann bei hover auf visible.. klappt aber nicht so ganz wie ich mir das vorgestellt habe ^^
wie bekommt man das hin?
lg denise
|
|
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Di 02.10.2007 13:32
Titel
|
|
|
javascript erlaubt?
div box rein, die auf display: none,
und beim mouseover einfach auf block schalten.. tada
andere möglichkeit wäre, der td von anfang an die klasse "inactive" zu geben, hierbei ist die hintergrundfarbe mit der schriftfarbe identisch..
wenn man nun über die td fährt, ändert sich die klasse zu "active" hier ist hintergrund und schriftfarbe verschieden.
Zuletzt bearbeitet von Backware am Di 02.10.2007 13:33, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 02.10.2007 13:34
Titel
|
|
|
wollte gerade schreiben das ichgerade die seite entdeckt habe: http://www.netzwelt-kali.de/index.php?menuid=28&reporeid=75
wenns nich anders geht, werd ich es wohl mit js machen müssen... gibt es auch eine möglichkeit ohne js??
lg denise
danke für die schnelle antwort
mit dem 2ten gehts auch nicht, weil manchmal noch hintergrund bilder mit dabei sind... da gehts ja nicht das ich hg und textfarbe gleich mache...
Zuletzt bearbeitet von denise2302 am Di 02.10.2007 13:35, insgesamt 1-mal bearbeitet
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
|
|
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 02.10.2007 13:41
Titel
|
|
|
setz die textfarbe doch standard auf transparent und bei hover auf schwarz oder was weiß ich?! nich?
//zu deinem beispiel:
nimm und statt visibility...
problem is hier aber dass die :hover pseudoklasse vom ie6 nur für <a> gefressen wird, das solltest bedenken...
Zuletzt bearbeitet von fuchsbau am Di 02.10.2007 13:45, insgesamt 4-mal bearbeitet
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 02.10.2007 13:43
Titel
|
|
|
wäre auch ne möglichkeit, aber es is nich besonders viel text, aber die tabellenzelle ist schon etwas größer, und da müsste dann der besucher glück haben, wenn er den text entdeckt...
mit dem display geht nich, da is dann die zelle ganz weg und dann verrutscht sich der haupttext... und hover geht trotzdem irgendwie nicht.... nichma im ff..
Zuletzt bearbeitet von denise2302 am Di 02.10.2007 13:46, insgesamt 1-mal bearbeitet
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 02.10.2007 14:06
Titel
|
|
|
also ich fühle mich vom css mal wieder sehr verarscht...
habe es erstmal mit js... von der seite probiert... http://www.netzwelt-kali.de/index.php?menuid=28&reporeid=75
die haben da die definition:
Code: |
<td class="out" onmouseover="this.className='over'" onmouseout="this.className='out'">
|
und dazu den css code:
Code: |
.over {
background-color: #ffff00;
color: #ff0000;
text-align: right;
font-weight: 400;
font-family: Verdana, sans-serif;
}
.out {
background-color: white;
color: black;
text-align: left;
font-weight: 900;
font-family: "Times New Roman", serif;
}
|
ähmm jaa.... hab das alles so gemacht, und meine werte eingesetzt...
Code: |
.out { color:transparent; }
.over { color: #becde7; }
|
so. aber es passiert garnichts! klappt nicht... der text steht da und bleibt... ABER wenn ich DEN ihren css nehme... dann GEHT ES! WARUM?? warum geht es nicht mit meinen css definitionen??
|
|
|
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 02.10.2007 14:30
Titel
|
|
|
neenee, alles ganz einfach und ohne javascript (sorry, hat bissl gedauert bei mir im kopf):
font-size: 0;
xhtml:
Code: | <table class="tabelle">
<tr>
<td class="zelle">
<a href="#nogo">blabla</a>
</td>
</tr>
</table> |
css:
Code: | .zelle {
width: 100px;
height: 100px;
}
.zelle a {
display: block;
width: 100px;
height: 100px;
text-decoration: none;
font-size: 0;
}
.zelle a:hover {
font-size: 1em;
} |
kann auch der ie6. kannste damit was anfangen?
Zuletzt bearbeitet von fuchsbau am Di 02.10.2007 14:39, insgesamt 4-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Schriften gelöscht - Excel/Word Text Text nicht angezeigt
hover-effekt bei text?
Text innerhalb von a:hover mit 3 Farben
[css] hover: statt Text - Hintergrund
hover-Button/hover-Bild wird darunter eingefügt
InDesign, Text üb. interak. Textfelder werden n. angezeigt
|
|