Zum Inhalt springen

Wordpress Java scribt

=o-n-e=

Von =o-n-e=
in Webdesign

 Teilen

Empfohlene Beiträge

=o-n-e=

=o-n-e=

Geschrieben
Geschrieben

Hallo ich habe mir einen Wordpress Blog aufgesetzt und ein eigenes Theme gemacht.

Nun hab ich das Problem das es Firefox, opera und Safari sowie im IE7 gut aussieht

und im IE6 nicht das der nicht mit Transparent arbeiten kann.

jetzt will ich ein JAva scribt erstellen welches rausfindet welcher Browser da ist, wenn es IE6 ist dann soll css1.css genommen werden und sonst immer dei css2.css zum beispiel.

wie geht das?

wo muss das Scribt hin?

in den header?

vielen dank

Link zu diesem Kommentar
Auf anderen Seiten teilen
=o-n-e=

=o-n-e=

Geschrieben
  • Autor
Geschrieben

ok das hilft mir teilweise aber nun hab ich noch ein roblem und zwar sage ich im header...

<?php echo '<a href="' . get_bloginfo('url') . '">

<img class="overlay-header" src="' . BILDERURL . $textPfad . '" alt="Bild"></a>'; ?>

dieses bild dort ist transparent und wird im IE6 nicht richtig angezeigt kann ich nun ein scribt ausführen welches bei IE6 kein bild anzeigt und bei anderen version ein bild?

Link zu diesem Kommentar
Auf anderen Seiten teilen
geloescht_JesterDay

geloescht_JesterDay

Geschrieben
Geschrieben (bearbeitet)

Ja, die Seite wurde etwas umgebaut und der Link ist im Moment (hoff ich doch) nciht mehr so leicht zu finden ;)

To upgrade MSIE5-6 to MSIE7 include the following in the <head> of your page:


<!--[if lt IE 7]>

<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>

<![endif]-->

Das kann man jetzt direkt verlinken (früher musste man das runterladen). Allerdings ist die Pfadangabe noch nicht fix, würde ich sagen. Wegen dem "beta3"... also vielleicht doch lieber runterladen und direkt einbinden. Und dann wenn es fertig ist die Servervariante nutzen.

EDIT:

Naja, immerhin bleiben die alten Versionen ja erhalten. Du musst nur regelmäßig mal reinschauen und evtl. den Pfad anpassen (für updates).

Bearbeitet von JesterDay
Link zu diesem Kommentar
Auf anderen Seiten teilen
=o-n-e=

=o-n-e=

Geschrieben
  • Autor
Geschrieben

kann mir da keiner mehr helfen?

ich habe den code in den header.php zwischen <head> </head> kopiert aber das bewirkt keine änderung.

auch das mit dem iepngfix.htc funktioniert bei mir nicht wobei ich denke das ich das verkehrt mache!?:upps

help please

Link zu diesem Kommentar
Auf anderen Seiten teilen
geloescht_JesterDay

geloescht_JesterDay

Geschrieben
Geschrieben (bearbeitet)

ich habe den code in den header.php zwischen <head> </head> kopiert aber das bewirkt keine änderung.

Wird das Skript überhaupt geladen? Hast du den Cache mal geleert?

Nachtrag:

Ich hab mir den AlphaImageLoader mal kurz angesehen...

Mag sein, dass das IE7 ein Overkill ist, aber dieser Overkill wird ja nur geladen wenn der IE < 7 genutzt wird. Das andere Skript wird immer ausgeführt und ohne das hat man kein Bild. Da eine Webseite nicht von Javascript abhängig sein sollte, nehm ich den Overkill gern in kauf, außerdem werden damit auch noch ein paar andere Macken des IE ausgebügelt.

Wer unbedingt den IE <7 nutzen will/muss... that's life. Klar muss man das berücksichtigen, aber man muss es nicht übertreiben, IMHO.

Bearbeitet von JesterDay
Link zu diesem Kommentar
Auf anderen Seiten teilen
Toothrot

Toothrot

Geschrieben
Geschrieben
Ich hab mir den AlphaImageLoader mal kurz angesehen...

Mag sein, dass das IE7 ein Overkill ist, aber dieser Overkill wird ja nur geladen wenn der IE < 7 genutzt wird. Das andere Skript wird immer ausgeführt und ohne das hat man kein Bild.

Nur, wenn es schlecht implementiert ist.

Wie kann man PNG-Alphatransparenz im IE nutzen? - jeenaparadies.net

Link zu diesem Kommentar
Auf anderen Seiten teilen
geloescht_JesterDay

geloescht_JesterDay

Geschrieben
Geschrieben

Ohne es zu probieren, aber was mir an diesem script komisch vorkommt ist:


<span " + imgID + imgClass + imgTitle

         + " style=\"" + "width:" + img.width + "px; height:" + img.height

also das ist ein kleiner ausschnitt aus dem letzten Script, da wird ein span erstellt, dass das bild als Hintergrund haben soll. Schön und gut, nur... span ist ein inline-Element, und nur block-Elemente können Breite und Höhe haben.

Naja, gehe aber mal davon aus das das getestet ist, kann mir das nur nicht ganz erklären.

Außerdem funktioniert das nur, wenn der image pfad absolut ist, was er ja auch meint was er empfiehlt am anfang. Ich mach meine Bilder selten absolut und mit dem IE7 ging es trotzdem.

Aber vor dem Problem steh ich die nächsten Tage eh wieder, von daher ist es nicht schlecht auch mal alternativen zu sehen dazu. Ich geb zu ich bin da eher faul, wenn was läuft dann läuft es, wieso groß was anderes suchen ;)

Komischerweise ging bei dem Kumpel das mit dem IE7 auch nicht, wie vom Threadersteller hier geschrieben. Ich hab ihm auch nur den Link gegeben den er in die Seite pasten sollte. Da ich die nächsten Tage das eh nochmal ansehen muss (und auch wieder ein Windows für den IE anwerfen) kann ich ja dann sehen ob es da ein Problem gibt oder woran es liegt. Alternativen wären aber auch gut, wenn sie nicht eher restriktiv sind und eigene Vorgaben haben wollen.

Nachtrag:

Mit IE7 meinte ich hier das Script von Dean Edwards ;)

Link zu diesem Kommentar
Auf anderen Seiten teilen
Toothrot

Toothrot

Geschrieben
Geschrieben
span ist ein inline-Element, und nur block-Elemente können Breite und Höhe haben.

Wo hast du denn das Märchen her? ;)

Außerdem funktioniert das nur, wenn der image pfad absolut ist, was er ja auch meint was er empfiehlt am anfang. Ich mach meine Bilder selten absolut und mit dem IE7 ging es trotzdem.

Man muss den Pfad nicht absolut angeben - das Bild wird halt immer relativ zur aufrufenden Datei gesucht.

Das "IE7" Skript macht übrigens auch nur vom AlphaImageLoader Gebrauch.

ie7-js - Google Code

Link zu diesem Kommentar
Auf anderen Seiten teilen
=o-n-e=

=o-n-e=

Geschrieben
  • Autor
Geschrieben (bearbeitet)

ja geladen wird dr code, ich habe die seite aktulisiet und mir den quelltext angeschaut...

muss ich mehr nicht machen?

mit css lässt es sich schlecht lösen da die bilder wie oben im code per php aufgerufen werden und er immer einen pfad abfragt...

dazu kommt noch das es ein header bild ist welches keine transparenz enthält erst das png was darauf liegt welche s nur schrift enthält ist transparent (overlay-header)

Bearbeitet von =o-n-e=
Link zu diesem Kommentar
Auf anderen Seiten teilen
Toothrot

Toothrot

Geschrieben
Geschrieben
dazu kommt noch das es ein header bild ist welches keine transparenz enthält erst das png was darauf liegt welche s nur schrift enthält ist transparent (overlay-header)

Mag abwegig klingen, aber warum verwendest du statt eines png, welches nur Text enthält, nicht etwas, was zu darstellen von Text besser geeignet ist? Nämlich Text? Das würde dir einiges ersparen.

Außerdem würde ich das "Header Bild" dann als Hintergrundbild per CSS einbinden.

Link zu diesem Kommentar
Auf anderen Seiten teilen
geloescht_JesterDay

geloescht_JesterDay

Geschrieben
Geschrieben (bearbeitet)
Wo hast du denn das Märchen her? ;)

Von meinem Lieblingsmärchenerzähler, genannt w3c.

This property specifies the content width of boxes generated by block-level and replaced elements.

This property does not apply to non-replaced inline-level elements.

Bearbeitet von JesterDay
Link zu diesem Kommentar
Auf anderen Seiten teilen
=o-n-e=

=o-n-e=

Geschrieben
  • Autor
Geschrieben

ja das mag alles sein aber der Text ist in einer besonderen schrift mit schatten und effekten?

das kann ich doch nur so darstellen oder?

das header hintergrund bild kann ich nicht per css abbilden da in jeder category, seite usw. ein anderer pfad abgefragt wird und das bild wechselt.

ich habe auch versucht den text in gif darzustellen aber da ist die quali sehr bescheiden.

Link zu diesem Kommentar
Auf anderen Seiten teilen
geloescht_JesterDay

geloescht_JesterDay

Geschrieben
Geschrieben (bearbeitet)

Naja... mach es doch "ganz einfach", indem du die Headerbilder um das Logo (den Text mit Effekten und Schatten) erweiterst und das Bild nicht drüber legst. Ja, nich schön, aber sag Danke IE ;)

Oder du machst ein extra IE CSS, welches du nach dem eigentlichen einbindest und wo du das Logo als Gif hinterlegst, eben von vorneherein mit weniger effekten und Farben. Wer immernoch einen 6 Jahre alten Browser verwendet kann nicht das Optimum erwarten.

Ach ja, mir is aufgefallen was mein Problem ist (also warum bei mir das IE7 nicht geht). Ich mach es nämlich auch als Hintergrund.... Werd das wohl ändern und dann kann ich mir das andere Script ja mal ansehen :)

Bearbeitet von JesterDay
Link zu diesem Kommentar
Auf anderen Seiten teilen
=o-n-e=

=o-n-e=

Geschrieben
  • Autor
Geschrieben (bearbeitet)

kann ich nicht sagen zb. wenn IE 6 dann erscheint das bild was darauf liegt einfach nicht?

das wäre zumindest schonmal eine lösung!

nur wie ?

<?php echo '<img class="overlay-header" src="http://forum.fachinformatiker.de/webdesign/' . LAYOUTBILDERURL . $bildPfad . '" alt="ein bild"></a>'; ?>

<?php echo '<a href="http://forum.fachinformatiker.de/webdesign/' . get_bloginfo('url') . '"><img class="overlay-header" src="http://forum.fachinformatiker.de/webdesign/' . LAYOUTBILDERURL . $textPfad . '" alt="ein bild"></a>'; ?>

bei src= steht eiegentlich was anderes aber das verändert sich leider beim antworten!?

Bearbeitet von =o-n-e=
Link zu diesem Kommentar
Auf anderen Seiten teilen
geloescht_JesterDay

geloescht_JesterDay

Geschrieben
Geschrieben
kann ich nicht sagen zb. wenn IE 6 dann erscheint das bild was darauf liegt einfach nicht?

das wäre zumindest schonmal eine lösung! 


<!--[if lt IE 7]>

<style type="text/css">

.overlay-header { display: none; }

</style>

<![endif]-->

Denke mal so, oder du lagerst das in eine ie6.css aus und bindest die in diesem conditional-comment ein.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...