Zurück   klamm-Forum > klamm-Lose > Lose4Scripts > Lose4Scripts (erledigt)

 
 
LinkBack Themen-Optionen Ansicht
Alt 16.06.2012, 17:12:59   #1 (permalink)
Gesperrt

ID: 131662
Lose-Remote

Reg: 21.04.2006
Beiträge: 361
Ausrufezeichen Brauche Hilfe bei Tabellem mit Mouse ofer Efekt

Hallo

Mir gefallen die Tabellen auf der Seite:

http://dso-karten.de/index.php?site=articles

Dort unten die einen Mouseover Efekt haben. Beutelschneider usw...

Kann mir die jemand coden ?
Brauche nur eine Zeile den Rest kann ich dann selbst erweitern.


Wer hätte Zeit m ir das heute zu machen ??


Lg, Oliver
 
streetboy ist offline  
Alt 16.06.2012, 18:04:13   #2 (permalink)
9*UotD / 13*UotN
Benutzerbild von Olli

ID: 4117
Lose-Remote

Olli eine Nachricht über ICQ schicken
Reg: 21.04.2006
Beiträge: 3.468
Standard

Hi,

z.B. mit
HTML-Code:
1:
2:
3:
4:
table td:hover { -webkit-box-shadow: 0px 0px 5px 2px #000000; box-shadow: 0px 0px 5px 2px #000000; }
Gruß,
Olli
 
Olli ist offline  
Alt 16.06.2012, 18:12:29   #3 (permalink)
Gesperrt

ID: 131662
Lose-Remote

Reg: 21.04.2006
Beiträge: 361
Standard

Also soweit hab ichs jetzt schon mal das die Tabellen einen Abstand zueinander haben. Wie bekomme ich aber jetzt den Hofeefekt in die Tabelle rein ?

<div style="position:absolute; left:10;">
<table width="200" border="1" bordercolor="#000000" cellspacing="0">
<tr>
<td>Beutelschneider<br>

<table >
<tr>
<td ><img src="images/abenteuer_icons_klein/beutelschneider.png" alt="" border="0"> </td>
<td>Spieler: 2<br> Tabe: 4<br> Schwierigk.: 4<br>
Erfahrung: 11870 </td>
</tr>
</table>
</td>
</tr>
</table>
</div>


<div style="position:absolute; left:230; width:100;">
<table width="200"border="1" bordercolor="#000000" cellspacing="0">
<tr>
<td>Insel der Freibeuter<br>

<table >
<tr>
<td ><img src="images/abenteuer_icons_klein/insel_der_freibeuter.png" alt="" border="0"> </td>
<td>Spieler: 1<br> Tabe: 2<br> Schwierigk.: 3<br>
Erfahrung: 2752 </td>
</tr>
</table>
</td>
</tr>
</table>
</div>
 
streetboy ist offline Threadstarter  
Alt 16.06.2012, 18:17:40   #4 (permalink)
9*UotD / 13*UotN
Benutzerbild von Olli

ID: 4117
Lose-Remote

Olli eine Nachricht über ICQ schicken
Reg: 21.04.2006
Beiträge: 3.468
Standard

Das, was ich Dir geschrieben habe, in die css packen!

Gruß,
Olli
 
Olli ist offline  
Alt 16.06.2012, 18:21:59   #5 (permalink)
Gesperrt

ID: 131662
Lose-Remote

Reg: 21.04.2006
Beiträge: 361
Standard

Danke für deine Hilfe
 
streetboy ist offline Threadstarter  
Alt 16.06.2012, 18:22:25   #6 (permalink)
9*UotD / 13*UotN
Benutzerbild von Olli

ID: 4117
Lose-Remote

Olli eine Nachricht über ICQ schicken
Reg: 21.04.2006
Beiträge: 3.468
Standard

Hat's geklappt?
 
Olli ist offline  
Alt 16.06.2012, 18:26:59   #7 (permalink)
Gesperrt

ID: 131662
Lose-Remote

Reg: 21.04.2006
Beiträge: 361
Standard

Hatte es gerade so gemacht:


<div style="position:absolute; left:230; width:100;">
<table width="200"border="1" bordercolor="#000000" cellspacing="0" style="background-color: ; color: black;">
<tr>
<td onmouseover="style.backgroundColor='yellow'" onmouseout="style.backgroundColor=''">Verräter<br>

<table >
<tr>
<td ><img src="images/abenteuer_icons_klein/verraeter.png" alt="" border="0"> </td>
<td >Spieler: 1<br> Tabe: 3<br> Schwierigk.: 4<br>
Erfahrung: 8710 </td>
</tr>
</table>
</td>
</tr>
</table>
</div>


Geht auch ganz gut.
 
streetboy ist offline Threadstarter  
Alt 16.06.2012, 19:19:19   #8 (permalink)
Gesperrt

ID: 131662
Lose-Remote

Reg: 21.04.2006
Beiträge: 361
Standard

Offline in meinem HTML Editor klappts auch wenn ich die html Seite so aufrufe.
Aber wenn ich sie in meine Webseite einbinde klappts nicht:

http://www.dso-planer.de/index.php?p=taktikkarten2.html

Weiß jemand woran das liegen könnte ?
 
streetboy ist offline Threadstarter  
Alt 16.06.2012, 19:36:09   #9 (permalink)
Grafiker
Benutzerbild von Tanario

ID: 354150
Lose-Remote

Tanario eine Nachricht über ICQ schicken
Reg: 13.04.2008
Beiträge: 715
Standard

Hallo,

Bei mir klappt es , Versuch mal dein
cache zu leeren.

Gruß Tanario
PSD -> Wordpress
Webdesign - Grafikdesign - zu fairen Preisen
Tanario ist offline  
Alt 16.06.2012, 19:58:53   #10 (permalink)
Gesperrt

ID: 131662
Lose-Remote

Reg: 21.04.2006
Beiträge: 361
Standard

Hab das anderst regeln können. hatte in der festlegung der position einen fehler.
wie kann ich denn die gesamte Tabelle verlinken und nicht nur den Textinhalt ? also das wenn man auf die Tabelle klickt, egal ob Text oder Hintergrund, das die Verlinkung funktioniert.
Geht das nur mit einem Hintergrundbild in der Tabelle ?


<div style="position: absolute; left: 360px;">
<a href="taktikkarten/beutelschneider.html"><table width="200" border="1" bordercolor="#000000" cellspacing="0" style="background-color: ; color: black;">
<tr>
<td onmouseover="style.backgroundColor='yellow'" onmouseout="style.backgroundColor=''">Beutelschneider<br>

<table >
<tr>
<td ><img src="images/abenteuer_icons_klein/beutelschneider.png" alt="" border="0"> </td>
<td>Spieler: 2<br> Tage: 4<br> Schwierigk.: 4<br>
Erfahrung: 11870 </td>
</tr>
</table>
</td>
</tr>
</table></a>
</div>
 

Geändert von streetboy (16.06.2012 um 19:59:21 Uhr)
streetboy ist offline Threadstarter  
Alt 16.06.2012, 20:07:09   #11 (permalink)
9*UotD / 13*UotN
Benutzerbild von Olli

ID: 4117
Lose-Remote

Olli eine Nachricht über ICQ schicken
Reg: 21.04.2006
Beiträge: 3.468
Standard

Probier es an der entsprechenden Stelle mal mit display:block;

Gruß,
Olli
 
Olli ist offline  
Alt 16.06.2012, 20:09:05   #12 (permalink)
Gesperrt

ID: 131662
Lose-Remote

Reg: 21.04.2006
Beiträge: 361
Standard

Versteh ich nicht. Bin nicht so gut darin. Kannst du mir das bitte oben bei meiner Tabelle mal an die Stelle einbauen ?
 
streetboy ist offline Threadstarter  
Alt 16.06.2012, 20:46:07   #13 (permalink)
9*UotD / 13*UotN
Benutzerbild von Olli

ID: 4117
Lose-Remote

Olli eine Nachricht über ICQ schicken
Reg: 21.04.2006
Beiträge: 3.468
Standard

Bin mir nicht sicher, ob es überhaupt geht.

HTML-Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
<div style="position: absolute; left: 360px;"> <a href="taktikkarten/beutelschneider.html"><table width="200" border="1" bordercolor="#000000" cellspacing="0" style="background-color: ; color: black;"> <tr> <td onmouseover="style.backgroundColor='yellow'" onmouseout="style.backgroundColor=''">Beutelschneider<br> <table > <tr> <td style="display:block"><img src="images/abenteuer_icons_klein/beutelschneider.png" alt="" border="0"> </td> <td style="display:block">Spieler: 2<br> Tage: 4<br> Schwierigk.: 4<br> Erfahrung: 11870 </td> </tr> </table> </td> </tr> </table></a> </div>
 
Olli ist offline  
 

Gesponsorte Links

Anzeige


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe!! Bei guter Hilfe gibt es 30k SGH Lose4Action 9 11.07.2009 23:20:18
domino efekt tilly Schule, Studium, Ausbildung 8 05.06.2009 22:57:04
Brauche Hilfe CONSDAPLE Lose4Scripts 1 01.07.2007 11:15:40
Brauche hilfe bei hilfe gibt es 10k SGH Lose4Action 5 09.07.2006 21:57:53


Alle Zeitangaben in WEZ +1. Es ist jetzt 18:09:12 Uhr.