olivier
/
site_depotoire
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[AJ] Tests sur une structure plus simple pour les éléments. Sans trop de 

résultats concluants.
master
Olivier DOSSMANN 2011-11-18 18:20:15 +01:00
parent 09f9dc1842
commit f13430e57f
2 changed files with 49 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
exemple/element.css 100644
View File

@ -0,0 +1,43 @@
.element {
display: block;
height: 9em;
width: 11em;
margin: 0 5px 10px 5px;
float: left;
border: thin solid #000000;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-box-shadow: 1px 1px 8px #000000;
box-shadow: 1px 1px 8px #000000;
-webkit-box-shadow: 1px 1px 8px #000000;
text-align: center;
}
.element a {
display: block;
height: 9em;
width: 11em;
margin: 0;
float: left;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
overflow: hidden;
text-align: center;
}
.element img {
background-color: red;
display: block;
position: relative;
width: 3em;
height: 3em;
top: -4em;
left: 4em;
}
a:hover {
background-color: lightblue;
}

11
exemple/element.html
View File

@ -28,8 +28,9 @@ background-color: red;
</style>
</head>
<body>
<div class="element">
<a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@ <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="img" /></a>
</div>
</body>
</html>
<div class="element">
<a href="http://localhost/" title="Some description">Microblog</a>
<img src="http://nutritive.org/image/identica.png" alt="Some img" title="img" />
</div>
</body>
</html>