mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 20:27 Benutzername: Passwort: Auto-Login

Thema: IE Text mit Schatten vom 06.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> IE Text mit Schatten
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 19:51
Titel

Antworten mit Zitat Zum Seitenanfang

Ich hab's (fast):

Code:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.transform-0.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.iphoneui.js"></script>

<!--[if IE]>

<script type="text/javascript" src="js/jquery.textshadow.js"></script>

<script>
$(div.h1).textShadow({
   color:   "#000",
   xoffset: "5px",
   yoffset: "5px",
   radius:  "5px",
   opacity: "50"
});
</script>

<![endif]-->


Jetzt funktioniert wieder alles. Ich seh nur keinen Schatten Lächel
 
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 06.09.2010 19:53
Titel

Antworten mit Zitat Zum Seitenanfang

umschüler hat geschrieben:
Ich hab's (fast):

Code:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.transform-0.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.iphoneui.js"></script>

<!--[if IE]>

<script type="text/javascript" src="js/jquery.textshadow.js"></script>

<script>
$(div.h1).textShadow({
   color:   "#000",
   xoffset: "5px",
   yoffset: "5px",
   radius:  "5px",
   opacity: "50"
});
</script>

<![endif]-->


Jetzt funktioniert wieder alles. Ich seh nur keinen Schatten Lächel


div.h1 - du sprichst jetzt einen DIV mit der Klasse .h1 an. Gib doch nur mal h1 an, der div. war nur ein Beispiel.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 19:54
Titel

Antworten mit Zitat Zum Seitenanfang

Der Fehler liegt wohl hier?

Code:
$(h1).textShadow({
 
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 19:55
Titel

Antworten mit Zitat Zum Seitenanfang

Smooth-Graphics hat geschrieben:
div.h1 - du sprichst jetzt einen DIV mit der Klasse .h1 an. Gib doch nur mal h1 an, der div. war nur ein Beispiel.


War mir auch grad aufgefallen. Mit nur h1 tut es auch nicht.
 
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 20:12
Titel

Antworten mit Zitat Zum Seitenanfang

ich glaube
Code:
<script type="text/javascript" src="js/jquery.min.js"></script>
brauche ich gar nicht, darauf wird ja schon in
Code:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
verwiesen
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 06.09.2010 20:31
Titel

Antworten mit Zitat Zum Seitenanfang

Smooth-Graphics hat geschrieben:
Es ist ja löblich, dass du das alles per CSS lösen willst, aber ich glaube in dem Fall ist für IE jQuery angesagt. http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/


Wieso sollte man? IE bietet doch schon seit Jahren proprietäre Eigenschaften
(DropShadow und Shadow, Glow, Blur, usw) zu dem Zweck … Übrigens macht
das jQuery Plugin nichts anders, als eben diese Eigenschaften per Javascript
zu setzen. *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Di 07.09.2010 07:32
Titel

Antworten mit Zitat Zum Seitenanfang

War ein Syntaxfehler:

Code:
<!--[if IE]>

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.textshadow.js"></script>

<script>
$(document).ready(function() {

$('h1').textShadow({
   color:   "#000",
   xoffset: "5px",
   yoffset: "5px",
   radius:  "5px",
   opacity: "50"
});
});
</script>

<![endif]-->


Jetzt funktioniert die Seite in FF, Safari (incl. iOS) und Opera hier auf dem Mac, auch mit dem ganzen jQuery-Kram. Im IE8 sehe ich auch so etwas wie einen Schatten ... nur halt noch nicht da wo er hingehört *ha ha*

Wenn ich diese Optionen

Code:
{
   color:   "#000",
   xoffset: "5px",
   yoffset: "5px",
   radius:  "5px",
   opacity: "50"
}


raus nehme, sitzt der "Schatten" richtig, sieht nur nicht mehr wie ein Schatten aus *bäh*

(Denke ernsthaft über ein Popup für IE-User nach, in dem steht, dass sie hingehen sollen wo der Pfeffer wächst ...)


Zuletzt bearbeitet von am Di 07.09.2010 07:37, insgesamt 1-mal bearbeitet
 
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Di 07.09.2010 07:44
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
Wieso sollte man? IE bietet doch schon seit Jahren proprietäre Eigenschaften
(DropShadow und Shadow, Glow, Blur, usw) zu dem Zweck … Übrigens macht
das jQuery Plugin nichts anders, als eben diese Eigenschaften per Javascript
zu setzen. *zwinker*


Äh. Ja. Eben. Darum geht es doch. Ich bin kein Webentwickler, aber ich verstehe das so: Schreib einmal korrekten Code für alle richtigen Browser und lass die Skripte das dann für Microsofts Spielzeugsoftware übersetzen. Funktioniert ja auch fast *ha ha*
 
 
Ähnliche Themen Schatten
schatten mit css?!
[CSS] Schatten
Box mit Schatten
Schatten in Slideshow
Schatten im .gif format?
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.