Xannasavin
Hi!
Ich habe gerade das Problem, dass meine Hovereffekte, die im FF wunderschön die ganze Tabellenspalte ausfüllen und gut aussehen, im IE nur auf den Text selber angewendet werden, und damit nicht nur der Effekt kaputt ist, sondern das ganze auch häßlich aussieht...
Naja, lange Rede, kurzer Sinn:
Ich würde gerne für diesen Effekt einen CSS Code nur für denn FF (mit dem Effekt) und einen für den IE (ohne Hovereffekt) ausgeben lassen und wollte fragen ob das möglich wäre?
Grüße
Dizzy.w3
Hi,
das geht mit den Conditional Comments.
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lt IE 6]>
<link href="ie5.css" rel="stylesheet" type="text/css" />
<![endif]--> |
|
Soweit ich weiß unterstützt auch nur der IE diese Comments, und logischer Weise müsste der IE7 die alten Anweisungen overrulen.
Gruß
Dizzy
Xannasavin
vielen dank, werde das morgen mal ausprobieren!
kann ich auch statt dem link zum stylesheet auch einfach den code selber einfügen? weil das mit dem verlinken auf stylesheets tut bei mir irgendwie nicht...
Dizzy.w3
Tach,
klar geht das. In das Comment kannst du einfügen was du willst. <script>, <meta>, <style> ...
Gruß
Dizzy
Xannasavin
Vielen Dank dir, funktioniert super
Das einzigste was irgendwie nicht will: Textlinks werden irgendwie immer noch mit dem hovereffekt versehen, obwohl das in den IE scripts rausgenommen wurde... aber damit kann ich noch leben ^^
Dizzy.w3
Hi,
zeig mal den Code, und sag was du genau meinst mit Hover-Effekt. Meinst du
| code: |
1:
|
text-decoration: none |
|
Gruß
Dizzy
Xannasavin
Im Moment sieht der Code wie folgt aus:
| code: |
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:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
|
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
}
#usercpnavtable #active { background: url("images/navBarBgHover.gif") repeat-x 20px; }
#usercpnavtable :hover { background: url("images/navBarBgHover.gif") repeat-x 20px; }
#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
}
#usercpnavtablelinks #active { background: url("images/navbarlinksbg.gif") repeat-x 20px; }
#usercpnavtablelinks :hover { background: url("images/navbarlinksbg.gif") repeat-x 20px; }
<!--[if IE]>
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}
#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}
<![endif]-->
<!--[if lt IE 7]>
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}
#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}
<![endif]-->
<!--[if lt IE 6]>
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}
#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}
<![endif]-->
|
|
grüße
Dizzy.w3
Hi,
da der/die Hover-Effekt/e nicht überschrieben wird/werden, wird/werden er/sie übernommen.
Das heißt, einfach das gleiche im IE Abteil reinschreiben, aber eben mit dem gewünschten Inhalt.
Gruß
Dizzy
Xannasavin
ah, okay, alles klar, dachte wenns nicht erwähnt wird, ignorierts der browser ^^
dank dir
4nubi5
Kann man das fürs WBB adaptieren, also im Designpack mit einfügen, um wie im phpbb diese Hover Effekte zu haben ?
Dizzy.w3
Hallo,
natürlich kann man das auch im Designpack machen, einfach bei "Sonstige Attribute" oder wie das heißt. Zum phpBB kann ich leider nichts sagen, kenne ich zu wenig.
Gruß
Dizzy
Xannasavin
Jau genau. Einfach ganz unten bei Designpack bearbeiten unter Sonstiges CSS einfügen!
Grüße
4nubi5
Das ist ja " geil " danke