Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

 

1 Zum Seitenanfang

Montag, 27. Juni 2011, 21:04

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
 

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

 

2 Zum Seitenanfang

Mittwoch, 29. Juni 2011, 22:00

was funktioniert denn daran nicht die ganzen Elemente in ein div einzuschließen das ist sicher die leichteste Lösung für dein Problem?
 

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

 

3 Zum Seitenanfang

Donnerstag, 30. Juni 2011, 21:32

Als ich das tat wurde nirgends ein Schatten oder gerundeter border angezeigt.

Soll ich den Quellcode noch posten?

MFG Simon
 

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

 

4 Zum Seitenanfang

Donnerstag, 30. Juni 2011, 21:43

nen link zu der seite wo du das versucht hast wäre mir lieber ;)
 

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

 

5 Zum Seitenanfang

Freitag, 1. Juli 2011, 19:45

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
 

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

 

6 Zum Seitenanfang

Samstag, 2. Juli 2011, 03:15

in deinem Code bietet sich nicht wirklich eine schön und schnelle Lösung an ;) 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
 

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

 

7 Zum Seitenanfang

Samstag, 2. Juli 2011, 09:39

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