3246 sujets

Critiques de vos sites: code et design

Avis sur un futur photo Blog

Pages :
(reprise du message précédent)

A moins d'augmenter la taille des caractères, menu_trace.png n'est visible que sous Safari.
Modifié par Olivier (09 Jul 2005 - 17:44)
Stephan a écrit :
A moins d'augmenter la taille des caractères, menu_trace.png n'est visible que sous Safari.

Arf, bon bah c'est jamais QUE IE Mac, c'est pas bien important Smiley cligne Merci à toi !

Mais je doute que je réussisse à m'en sortir de cette foutue transparence pour IE, le filter et tout ça casse tout et empeche le click sur les liens Smiley ohwell
Modifié par Olivier (09 Jul 2005 - 17:45)
Euh non, c'est pas que IE/Mac. C'est tous sauf Safari !

La solution se trouve quelque part autour de ceci :

ul#menu li a
{
	margin: 0 4px 0 0;
	padding: 0 2px [b]2px[/b] 3px;
	color: #dedede;
	text-decoration: none;
	background: url(design/menu_trace.png) no-repeat 0 [b]bottom[/b]
}

ul#menu li a:hover
{
	color: #fff;
	background-position: -250px [b]bottom[/b]
}

ul#menu li a:active, ul#menu li a#current
{
	color: #fff;
	background-position: -500px [b]bottom[/b]
}
On peut mélanger valeur numérique et valeur "texte" genre bottom top etc ?

Mais de toute façon, faut que je laisse mon calage au pixel près Smiley ohwell

Je crois qu'ils vont se passer de la bordure sous Mac Smiley langue ou bien qu'ils prennent safari ^^

Ca choque ? ça fait bizar ? cassé ?

Pour la transparence sous IE Mac... wow étrange !! tant mieux hein Smiley smile

Je crois qu'IE6 PC va s'en passer parceque ça n'a pas l'air de vouloir passer !
Je vais pouvoir m'occuper des remarques de Laurent au sujet des <link> maintenant Smiley langue
Ensuite l'icone du dossier
Puis les tests sur la luminosité Smiley cligne

Encore merci à vous !
Modifié par Olivier (09 Jul 2005 - 17:45)
Olivier a écrit :

On peut mélanger valeur numérique et valeur "texte" genre bottom top etc ?

Semble que non Smiley confused
Recommandation CSS2 du W3C a écrit :

On ne peut pas combiner des mots-clés avec des valeurs de pourcentage ou de longueur...
C'est bien ce qu'il me semblait Smiley smile
(j'abuse, j'abuse Smiley confused pourrais tu faire un screenshot du menu sans le fond "souligné" s'il te plait ? enfin te casse pas la tête si t'as pas le temps, c'est juste pour voir ce que ça donne Smiley ohwell )
Olivier a écrit :
Pour les icones, comme précisé un peu plus haut Smiley cligne , c'est du temporaire en attendant que j'ai fait les vraies Smiley smile


Erf, tu m'as prise en flagrant délit de non-lecture-totale-de-post !
Désolée !
Olivier a écrit :

pourrais tu faire un screenshot du menu sans le fond "souligné" s'il te plait ?

Voilà !

Firefox
upload/196-elmous4.jpg
Voilà, donc pour la transparence sous IE, j'ai opté pour le filter opacity à 70, c'est lisible, moins moche, mais pour le contenu j'ai laissé tel quel sinon la photo est estompée.

Ce qui m'embete, c'est que IE Mac accepté l'opacité correcte du PNG, donc ça risque de faire un sur effet avec le filter Smiley ohwell
J'essairai de trouver un hack IE PC / IE Mac
Voilà j'ai nettoyé le topic avec les histoires de bugs qui n'étaient pas très interessant pour le topic Smiley smile

Donc on en est à :

* mise en place des <link> met pas fonctionnels encore parceque c'est une maquette
* passe sous IE6 PC, firefox PC, Opera 8 PC, IE Mac (sans la bordure sous les items de menu mais c'est pas trop génant)
* icone de dossier dans la liste des albums à droite modifiée, qu'en pensez vous ?
* j'ai encore des tests sur la luminosité du header et de l'ensemble
Olivier a écrit :

* icone de dossier dans la liste des albums à droite modifiée, qu'en pensez vous ?

Bof Smiley ohwell Pris séparément, je ne suis pas sur que l'on dirait que c'est un dossier...
Stephan a écrit :

Bof Smiley ohwell Pris séparément, je ne suis pas sur que l'on dirait que c'est un dossier...


Lol, t'as raison je crois Smiley langue
De toute façon, ça plait pas à l'un des interessé Smiley cligne

Va falloir que je trouve autre chose Smiley smile
Olivier a écrit :

Ce qui m'embete, c'est que IE Mac accepté l'opacité correcte du PNG, donc ça risque de faire un sur effet avec le filter Smiley ohwell

upload/196-filter.jpg
Salut,

J'adore le design par contre j'ai une question plutôt sur la sémantique

<h1 id="header"><a href="http://www.elmoustikoblog.net/bordel/alex_vir/integration/index.html"><span>Alexis et Virginie</span></a></h1>


Olivier pourquoi mettre <span> dans le h1 et donc pour quoi pas écrire

<h1 id="header"><a href="http://www.elmoustikoblog.net/bordel/alex_vir/integration/index.html">Alexis et Virginie</a></h1>


En fait je ne comprend pas l'utilité du span dans le h1

Si on peut m'expliqer Smiley cligne
Modifié par GuizBizet (11 Jul 2005 - 23:46)
C'est pour cacher le texte Smiley smile
Et <span> n'a aucune valeur sémantique Smiley smile
Modifié par Olivier (12 Jul 2005 - 00:38)
Olivier a écrit :
C'est pour cacher le texte Smiley smile
Et <span> n'a aucune valeur sémantique Smiley smile


Bah... sémantique est un mot qu'il faudrait proscrire de ce forum, tant il prête à confusion.

Il existe des éléments HTML concrets, ou spécifiques si vous préférez : h1 est un titre de niveau 1, et rien d'autre.

Il existe aussi des éléments abstraits, ou génériques : span et div ne font que délimiter du contenu.

Ces éléments abstraits peuvent recevoir une valeur sémantique : span class="date", ou span class="author", par exemple. C'est à dire qu'ils deviennent exploitable par une machine donnée (et pas par n'importe quelle machine, en l'absence d'ontologie) dans un but donné.

Tout cela pour dire que ce span remplit ici très bien l'un de ses rôles officiels : baliser du contenu pour en faire quelque-chose de pas prévu par ailleurs (ici, le masquer en CSS)
Pages :
Sujet clos
Aller à