Conseil sur la mise en page de hwdmediashare

[jisse03]

Re : Conseil sur la mise en page de hwdmediashare

Si ton CSS de type CSS3 fonctionne avec un navigateur et pas un autre, c'est qu'il y a des éléments qui sont incorrects.

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Je ne comprends pas ce code marchait sur les anciennes versions

Comment trouver l erreur?

[jisse03]

Re : Conseil sur la mise en page de hwdmediashare

En cherchant bien dans ton CSS + celui de ton template.

Dans le CSS standard de hwdMedia, il y a déjà une très forte utilisation de déclarations de ce genre:

#hwd-container .media-category-ls li {
	margin:5px 5px 5px 0;
	padding:5px;
	list-style:none;
	display:inline-block;
	float:left;
	line-height:17px;
	border:1px solid #ddd;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}

Vérifies que tu ne crées pas de conflits.

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Ou trouve tu le code affiché?

[jisse03]

Re : Conseil sur la mise en page de hwdmediashare

Celui là est dans les assets, hwd.css...

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Je peux directement le modifieret enlever ce qui est dans le template .css?

PS: J ai un message qui apparait dans le forum:

Veuillez vérifier vos menus de Joomla: Element de Menu par défaut dans la Page d'entrée pointe vers un élément de menu manquant ou non-autorisé.
Tu as une idée ?

[jisse03]

Re : Conseil sur la mise en page de hwdmediashare

Je peux directement le modifieret enlever ce qui est dans le template .css?

Par définition, on ne supprime jamais rien des CSS système des composants, on en fait une surcharge dans son propre template.

PS: J ai un message qui apparait dans le forum:

Veuillez vérifier vos menus de Joomla: Element de Menu par défaut dans la Page d'entrée pointe vers un élément de menu manquant ou non-autorisé.
Tu as une idée ?

Rien à voir avec ce sujet. Mais manifestement ton menu forum est bancale et à réviser.

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Je parlais de supprimé le code que j ai mis dans le fichier template.php

[jisse03]

Re : Conseil sur la mise en page de hwdmediashare

Ne sachant pas ce que tu as bricolé ni où tu as ajouté du code (à priori dans un .php au lieu d'un CSS), à toi de retrouver où tu as bricolé pour remettre les choses en ordre.

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Salut ,

Je me suis trompé c est le fichier template.css.

Apparemment c est pas un probleme de conflit c est que la nouvelle version de firefox ne prend pas en considération info trouvée sur le net le code :

-moz-border-radius

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Mise a jour !!!

Apparement c est des conneries au sujet de FF !

Mais je ne comprends pas pourquoi j ai pas sur IE et FF les bords arrondis ?
Ca marche que sur chrome

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Salut Jiss, j ai regardé un ptit peu partout le code que tu m as donné c est pour les icônes gallery liste et detail

Dans mon template .css ligne 633 j ai rajouté ceci

-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
border-radius-topleft: 15px;
border-radius-topright: 0px;
border-radius-bottomleft: 0px;
border-radius-bottomright: 15px;
-webkit-box-shadow: 1px 1px 8px #555;
-moz-box-shadow: 1px 1px 8px #555;

Le code me semble bon , l endroit aussi puisque cela marche sur chrome mais comment faire pour les autres.
sur firebug cela marque un triangle jaune avec le code barré et quand je passe dessus j ai :unknown property name

Cdt

[toffffe]

Re : Conseil sur la mise en page de hwdmediashare

Salut pour le border-radius ton code doit s'écrire comme ceci :

-webkit-border-radius: 15px 0px 15px 0px;
border-radius: 15px 0px 15px 0px;

[toffffe]

Re : Conseil sur la mise en page de hwdmediashare

En fait tu commence en "Top Left" puis "Top Righ" puis "Bottom Right" et enfin Bottom Left
Et en css il faut toujours terminer par la ligne sans préfixe type, les lignes avec les préfixe si il y en a encore besoin doivent être avant (-moz- ou -o- ou -ms- ou -webkit- ou -khtml-)

[perpett]

Re : Conseil sur la mise en page de hwdmediashare

Merci ca marche nickel ,

Par contre les vignette catégories et des albums n ont pas prient en compte le code dois je le mettre dans un autre fichier