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

[AJ] Compatiblité de la feuille de style avec d'autres navigateurs

Browse Source 
- compatibilité des bordures avec les navigateurs sous webkit
- compatibilité des ombres avec les navigateurs sous webkit
- testé avec Midori et Firefox 3.6.13
This commit is contained in:
Olivier DOSSMANN 2011-03-06 22:51:01 +01:00
parent 20f171e31e
commit 7827df2372
3 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
TACHES
View File

@ -5,7 +5,6 @@
- permettre l'ajout d'un pied de page
- faire une section install dans le makefile permettant d'installer dans
DESTDIR
- compatibilité avec d'autres navigateurs pour le CSS -moz-border-radius et -moz-box-shadow
- dans dossier categ on fait une somme sha1 ou md5 de tous les fichiers. On copie dans le dossier porteail. Au début du programme, on compare somme de tous les fichiers du dossier categ avec la somme contenue dans dossier porteail (s'il existe). Si les sommes sont pareilles, alors on quitte le makefile
- faire des "which" pour les programmes utilisés (notamment pour sha1 ou md5). Quitter le makefile si dans TEST les "which" sont vides
- créer un site internet parlant de PorteAil avec une page générée par PorteAil comportant l'ensemble des sites utilisant Porteail
@ -64,3 +63,4 @@ le cas
- dans le makefile s'occuper de faire une section pour les catégories contenant
des éléments
- ajouter des fichiers images au bon format et sous licence libre
- compatibilité avec d'autres navigateurs pour le CSS -moz-border-radius et -moz-box-shadow

13
style/bicolore_ajout_menu.patch
View File

@ -1,6 +1,6 @@
--- bicolore_sans_menu.css 2011-02-26 14:56:15.000000000 +0100
+++ bicolore_avec_menu.css 2011-02-26 15:03:12.000000000 +0100
@@ -47,11 +47,12 @@
--- bicolore_sans_menu.css 2011-03-06 22:45:57.000000000 +0100
+++ bicolore_avec_menu.css 2011-03-06 22:45:31.000000000 +0100
@@ -51,7 +51,7 @@
div#chapeau {
position: relative;
@ -9,12 +9,7 @@
padding: 0;
height: 50px;
width: 78%;
top: 0;
+left: 1%;
background-color: #000000;
color: #ffffff;
text-align: center;
@@ -70,7 +71,7 @@
@@ -79,7 +79,7 @@
div#corps {
position: relative;

25
style/bicolore_sans_menu.css
View File

@ -33,6 +33,8 @@ color: #000000;
border-bottom: solid;
border-left: solid;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
}
h3 {
@ -43,6 +45,8 @@ color: #000000;
border-bottom: solid;
border-left: solid;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;
}
div#chapeau {
@ -52,13 +56,18 @@ padding: 0;
height: 50px;
width: 78%;
top: 0;
left: 1%;
background-color: #000000;
color: #ffffff;
text-align: center;
font-size: 120%;
line-height: 15%;
-moz-border-radius-bottomright: 25px;
border-bottom-left-radius: 25px;
-webkit-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
-webkit-border-radius-bottomleft: 25px;
}
div#chapeau h1 {
@ -85,7 +94,11 @@ 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;
}
@ -123,16 +136,24 @@ right: 0;
background-color: #000000;
color: #ffffff;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
-webkit-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
-webkit-border-radius-bottomleft: 25px;
overflow: hidden;
}
div#cartable h3 {
width: 90%;
border-color: #ffffff;
border: ;
color: #ffffff;
text-align: center;
border-bottom: solid;
border-left: solid;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;
border-color: #ffffff;
}
div#cartable a:link {