CSS Border und Shadow
Hallo,
ich habe eine Seite die sich aus mehreren DIVs zusammensetzt. Diese sind unter- und nebeneinander angeordnet.
Jetzt will ich um alle DIVs zusammen per CSS Schaten und gerundete Ecken hinzufügen.
Ich hatte versucht dazu alle Divs nochmal in ein DIV zu sperren und darauf die CSS Eigenschaften zu legen, funktionierte jedoch nicht.
Wie kann man dies lösen?
MFG Simon
ich habe eine Seite die sich aus mehreren DIVs zusammensetzt. Diese sind unter- und nebeneinander angeordnet.
Jetzt will ich um alle DIVs zusammen per CSS Schaten und gerundete Ecken hinzufügen.
Ich hatte versucht dazu alle Divs nochmal in ein DIV zu sperren und darauf die CSS Eigenschaften zu legen, funktionierte jedoch nicht.
Wie kann man dies lösen?
MFG Simon
Shadow wird nur um den oberen Teil angezeigt jetzt und abgerundet ist nur der Schatten.
Hier ist die Seite:
http://bewerbung.wmw.cc/image%20slider2/demo/index.html
Hier die CSS:
http://bewerbung.wmw.cc/image%20slider2/style.css
(der #all DIV)
Danke, dass du's dir ansiehst.
MFG Simon
Hier ist die Seite:
http://bewerbung.wmw.cc/image%20slider2/demo/index.html
Hier die CSS:
http://bewerbung.wmw.cc/image%20slider2/style.css
(der #all DIV)
Danke, dass du's dir ansiehst.
MFG Simon
in deinem Code bietet sich nicht wirklich eine schön und schnelle Lösung an
Eine Möglichkeit wäre zb:
das sind die sachen die du bei den jeweiligen IDs dazu adden müsstest. Das hier sind nur die offiziellen css3 tags also noch um moz- webkit- etc ergänzen
um den schatten komplett um alles zu haben wirst du unten den float clearen müssen zb unten einfach <div style="clear:both"></div> nach <div id="panel">...</div>
-LA
Eine Möglichkeit wäre zb:|
|
Cascading Style Sheet |
1 2 3 4 5 6 7 8 9 10 11 12 |
#oben{
border-top-left-radius:5px;
border-top-right-radius:5px
}
#one{
border-bottom-left-radius:5px
}
#two{
border-bottom-right-radius:5px
}
|
das sind die sachen die du bei den jeweiligen IDs dazu adden müsstest. Das hier sind nur die offiziellen css3 tags also noch um moz- webkit- etc ergänzen
um den schatten komplett um alles zu haben wirst du unten den float clearen müssen zb unten einfach <div style="clear:both"></div> nach <div id="panel">...</div>
-LA
Guten Morgen Lorenz,
danke für deine Hilfe. Hat alles geklappt wie ich es wollte.
Ich habe das -moz- nicht hinzugefügt und trztodem wirds im ff richtig angezeigt. Supportet wohl also css3. Sollte man für ältere Browser Varianten die Moz Werte trotzdem reinnehmen?
Und wie ist es im IE? Der neuste interpretiert CSS3 oder?
Opera darf man ja in sowas sicher vernachlässigen.
Vielen Dank
MFG Simon
danke für deine Hilfe. Hat alles geklappt wie ich es wollte.
Ich habe das -moz- nicht hinzugefügt und trztodem wirds im ff richtig angezeigt. Supportet wohl also css3. Sollte man für ältere Browser Varianten die Moz Werte trotzdem reinnehmen?
Und wie ist es im IE? Der neuste interpretiert CSS3 oder?
Opera darf man ja in sowas sicher vernachlässigen.
Vielen Dank

MFG Simon
Ähnliche Themen
-
(X)HTML & CSS & DHTML & Javascript »-
stylesheet für schatteneffekt
(8. Februar 2003, 13:00)
-
Feedback-Forum »-
Online-Desktop-Design bewerten....
(13. März 2010, 00:20)
-
(X)HTML & CSS & DHTML & Javascript »-
schatten mit css?
(27. August 2003, 20:54)
-
Partnerschaften »-
[suche] Forum!
(24. Juli 2003, 20:23)


