| Autor |
Nachricht |
-
tomb-raider-extreme
|
 29.07.2011 um 12:36 (UTC)
Titel: Homepage Schatten |
|
|
Hey ihr Lieben,
ich bräuchte mal Hilfe und zwar wollte ich gerne einen Schatten hinter meiner Homepage haben
also einfach nur links und rechts. Ist das möglich? Hier im Forum kann ich dazu irgendwie nichts finden.
LG Jenny |
|
|
↑
|
|
 |
|
|
29.07.2011 um 23:37 (UTC)
Titel: |
|
|
Hallo,
mit CSS 3 soll es für Html Elemente eine Eigenschaft box-shadow geben. Momentan lässt sich dies nur bei einigen Browsern, welche den vorgesehenen Standard bereits unterstützen bzw. über deren Browserspezifische Eigenschaften realisieren. Ich glaube allerdings, das lässt sich sogar beim IE über die Eigenschaft ms-filter hintricksen:
Zitat:
<style type="text/css">
#element_with_shadow
{
/*Für alle Browser, welche den vorgesehenen Standard bereits unterstützen*/
box-shadow:10px 10px 10px 10px #XXXXXX;
/*Für IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#XXXXXX')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#XXXXXX');
/*Für Webkitbrowser*/
-webkit-box-shadow: 10px 10px 10px #XXXXXX;
/*Für FF*/
-moz-box-shadow: 10px 10px 10px #XXXXXX;
}
</style>
Farbe des Schatten
Ich habe die Werte mal so eingesetzt, das man auch was sehen sollte.
Beim IE bin ich mir nicht sicher, ob das klappt. Die anderen sollten zumindest bei den aktuellen Browsern funktionieren. Ansonsten kannst du nur warten, bis der Standard offiziell ist. Bis Microsoft das dann allerdings im IE umgesetzt hat, ist auch Weihnachten 2050. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering
Zuletzt bearbeitet von o-4-n am 30.07.2011, 00:39, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
tomb-raider-extreme
|
30.07.2011 um 10:11 (UTC)
Titel: |
|
|
Hey,
danke erstmal für die Antwort aber leider funktioniert der Code nicht. Ich hab auch versucht die Werte ein wenig
um zuändern aber irgendwie will der Code nicht so wie ich...gibt es da vllt. noch eine andere möglichkeit? |
|
|
↑
|
|
|
-
spisy
|
30.07.2011 um 11:30 (UTC)
Titel: |
|
|
Mach dir doch deine Grafiken mit dem entsprechenden Schatten.
einmal rechts die schwarz-graue und links die weiß-schwarze.
Dann hast du doch alles. ______________  |
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
-
tomb-raider-extreme
|
30.07.2011 um 12:15 (UTC)
Titel: |
|
|
Das ist ziemlich wunderlich 
Der Code müsste doch bei " Text über dem Design" eingefügt werden oder? |
|
|
↑
|
|
|
|
|
30.07.2011 um 14:18 (UTC)
Titel: |
|
|
tomb-raider-extreme hat Folgendes geschrieben: Das ist ziemlich wunderlich
Das es im IE klappt? -Ja
Das es überhaupt klappt? -Nein
tomb-raider-extreme hat Folgendes geschrieben: Der Code müsste doch bei " Text über dem Design" eingefügt werden oder?
Richtig! Und nachdem ich meine Kristallkugel gefragt habe  , glaube ich auch zu wissen, was du falsch gemacht hast.
Spaß bei Seite bevor ich hier jetzt ins blaue rein rate, versuch es doch einfach nochmal. Wenn es dann nicht klappt, lass den Code drin, damit man sich das anschauen kann! ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
|
↑
|
|
|
-
tomb-raider-extreme
|
30.07.2011 um 17:02 (UTC)
Titel: |
|
|
Ich hab den Code nochmal eingefügt und lasse ihn jetzt auch einfach mal
drin aber es passiert trotzdem nichts...
Also ich benutze Firefox und eig. müsste es doch auch so klappen
oder nicht  |
|
|
↑
|
|
|
|
|
30.07.2011 um 17:29 (UTC)
Titel: |
|
|
He, meine Kristallkugel ist gut! Naja war vielleicht auch mein Fehler, da ich davon ausgegangen bin, das das klar ist.
Du hast kein Element mit der id: "element_with_shadow"
Bei dir dürfte das die Tabelle mit der Klasse: "edit_main_table" sein.
Zitat: <style type="text/css">
.edit_main_table
{
/*Für alle Browser, welche den vorgesehenen Standard bereits unterstützen*/
box-shadow:10px 10px 10px 10px #000000;
/*Für IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#000000');
/*Für Webkitbrowser*/
-webkit-box-shadow: 10px 10px 10px #000000;
/*Für FF*/
-moz-box-shadow: 10px 10px 10px #000000;
}
</style> |
|
|
↑
|
|
|
-
tomb-raider-extreme
|
30.07.2011 um 17:36 (UTC)
Titel: |
|
|
Total blöd oO
Hätte mir eigentlich auch auffallen müssen
Aber jetzt funktioniert es endlich, muss aber dafür mein Design
umändern aber trotzdem vielen Dank ! |
|
|
↑
|
|
|
|
, glaube ich auch zu wissen, was du falsch gemacht hast.
