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

[MàJ] Fichier CSS pour les éléments pour un affichage plus cohérent, notamment au passage de la souris sur l'image contenue dans le cadre

Browse Source
This commit is contained in:
Olivier DOSSMANN
2011-11-18 21:49:48 +01:00
parent f13430e57f
commit d897c7bef8
5 changed files with 32 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
exemple/element.css
View File

@ -1,43 +0,0 @@
.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;
}

36
exemple/element.html
View File

@ -1,36 +0,0 @@
<html>
<head>
<title>sdklfj</title>
<style>
a {
display: block;
height: 9em;
width: 19ex;
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;
overflow: hidden;
}
a img {
}
a:hover {
background-color: red;
}
</style>
</head>
<body>
<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>