|
Codeschnipsel
|
|
Geschrieben von: Marco Balg | Administrator
|
|
Freitag, den 19. August 2011 um 10:23 Uhr |
CSS3 Effekte
Box Shadow und abgerundete Ecken
Quelltext
-webkit-border-radius: 10px;
-khtml-border-radius: 10x;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 1px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
|
|
|
Codeschnipsel
|
|
Geschrieben von: Marco Balg | Administrator
|
|
Freitag, den 19. August 2011 um 09:27 Uhr |
DIV-Layouts
2-spaltiges Div Layout im Container
Beispiel
Quelltext
<link rel="stylesheet" type="text/css" href="formate.css">
<style type="text/css">
#containerdiv {
overflow:hidden;
clear:both;
width:420px;}
#rightdiv {
width:200px;
height:70px;
background-color:#444;
float:right;}
#leftdiv {
width:200px;
height:70px;
background-color:#444;
overflow:hidden;}
</style>/>
<div id="containerdiv">
<div id="rightdiv">rechts</div>
<div id="leftdiv">links</div>
</div>
3-spaltiges Div Layout im Container
Beispiel
Quelltext
<style type="text/css">
#containerdiv2 {
overflow:hidden;
clear:both;
width:340px;}
#rightdiv2 {
width:100px;
height:70px;
background-color:#444;
float:right;}
#leftdiv2 {
width:100px;
height:70px;
background-color:#444;
float:left;}
#middlediv2 {
width:100px;
height:70px;
background-color:#444;
margin-left:120px;
overflow:hidden;}
</style><div id="containerdiv2">
<div id="rightdiv2">rechts</div>
<div id="leftdiv2">links</div>
<div id="middlediv2">content</div>
</div>
|
|
|
|
|
|
