diff --git a/composants/element.html b/composants/element.html index 9601deb..f05e812 100644 --- a/composants/element.html +++ b/composants/element.html @@ -1,9 +1,8 @@ -
-
- @@TITRE_ELEMENT@@ -
-
- @@TITRE_IMAGE@@ -
-
+ +
+ @@TITRE_ELEMENT@@
+ + @@TITRE_IMAGE@@ +
+ diff --git a/exemple/element.css b/exemple/element.css deleted file mode 100644 index 47825d7..0000000 --- a/exemple/element.css +++ /dev/null @@ -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; -} - diff --git a/exemple/element.html b/exemple/element.html deleted file mode 100644 index 30bcd06..0000000 --- a/exemple/element.html +++ /dev/null @@ -1,36 +0,0 @@ - - - sdklfj - - - -
- Microblog - Some img -
- - diff --git a/style/bicolore_avec_menu.css b/style/bicolore_avec_menu.css index 61583ce..7eb00f5 100644 --- a/style/bicolore_avec_menu.css +++ b/style/bicolore_avec_menu.css @@ -88,9 +88,9 @@ div#corps div.ensemble_element { min-height: 10em; } -div#corps div.element { +div#corps a.cadre { height: 9em; -width: 19ex; +width: 11em; margin: 0 5px 10px 5px; float: left; border: thin solid #000000; @@ -101,31 +101,29 @@ border-radius: 15px; box-shadow: 1px 1px 8px #000000; -webkit-box-shadow: 1px 1px 8px #000000; overflow: hidden; +text-align: center; +text-decoration: none; } -div#corps div.element:hover { +div#corps a.cadre:hover { background-color: #000000; color: #ffffff; } -div#corps div.element div.titre { -height: 3em; +div#corps a.cadre div.element { +height: 9em; margin-top: 1em; -text-align: center; } -div#corps div.element div.image { -height: 48px; -margin: 1em 0 2em 0; -text-align: center; -} - -div#corps div.element div.image img { +div#corps a.cadre div.element img { +margin-top: 2em; +margin-right: auto; +margin-left: auto; border: 0; } div#corps div.espace { - clear: both; +clear: both; } div#cartable { diff --git a/style/bicolore_sans_menu.css b/style/bicolore_sans_menu.css index 3dd236f..e94dfe4 100644 --- a/style/bicolore_sans_menu.css +++ b/style/bicolore_sans_menu.css @@ -88,9 +88,9 @@ div#corps div.ensemble_element { min-height: 10em; } -div#corps div.element { +div#corps a.cadre { height: 9em; -width: 19ex; +width: 11em; margin: 0 5px 10px 5px; float: left; border: thin solid #000000; @@ -101,31 +101,29 @@ border-radius: 15px; box-shadow: 1px 1px 8px #000000; -webkit-box-shadow: 1px 1px 8px #000000; overflow: hidden; +text-align: center; +text-decoration: none; } -div#corps div.element:hover { +div#corps a.cadre:hover { background-color: #000000; color: #ffffff; } -div#corps div.element div.titre { -height: 3em; +div#corps a.cadre div.element { +height: 9em; margin-top: 1em; -text-align: center; } -div#corps div.element div.image { -height: 48px; -margin: 1em 0 2em 0; -text-align: center; -} - -div#corps div.element div.image img { +div#corps a.cadre div.element img { +margin-top: 2em; +margin-right: auto; +margin-left: auto; border: 0; } div#corps div.espace { - clear: both; +clear: both; } div#cartable { @@ -186,3 +184,4 @@ padding: 0; font-size: 10px; text-align: center; } +