Cherch avis sur un design :)

Bonjour,

Voilà le prototype : http://design.entreparenthese.net/newblog/

Qu'en pensez-vous ? Et le code HTML il est bien ? ^^

Sous IE 6.0 c'est pas la joie apparement (...)

@+

Sobre et lisible . Rien à redire pour un prototype.

Bonjour,

Il y a un espace au dessus du header (en tout cas en IE 6). Je trouve que ce serait mieux sans, et une fine ligne blanche à droite du header.

L'arrière-plan me paraît trop sombre : les bordures extérieures apparaissent peu discernables (en tout ca sur mon écran et sous IE 6), et de ce fait, elles perdent leur raison d'être.

Félicitation, très belle mise en page !

- Usage intelligent des balises HTML.
- Code bien indenté, agréable à lire.

Noter que IE ne gère pas bien la transparence des "png".

Dans "Test de la balise pre" il y a un scroll-bar vertical sous IE.
Tu peux essayer de résoudre de la façon suivante :

pre {
   overflow: scroll; 
}

html>body pre {
   overflow: auto; 
}

Une propriété margin-color ?

ul li {
  margin: #F3F4F5 0;
}

On doit écrire "monospace"

pre {
  font-family: "courier new",courier,[#red][b]monospaced[/b][/#];
}

Hack erroné :

div#container {
  border: 3px solid;
  width: 760px;
  voice-family:"\"}\"";
  voice-family:inherit;
  width:[#red][b]750px[/b][/#]; /* on devrait lire 754px */
}

Le lien http://www.gravatr.com/ est erroné. ( http://www.gravatar.com/ )

Il te reste le #header à travailler.

Voilà !
Modifié le 20 Dec 2004 - 07:24

thierry a écrit :
Bonjour,

Il y a un espace au dessus du header (en tout cas en IE 6). Je trouve que ce serait mieux sans, et une fine ligne blanche à droite du header.

La fine ligne blanche ne devrais plus y être L'epsace au dessus du header c'ets uen question de goût donc il y en aura toujours pour ou contre.

thierry a écrit :
L'arrière-plan me paraît trop sombre : les bordures extérieures apparaissent peu discernables (en tout ca sur mon écran et sous IE 6), et de ce fait, elles perdent leur raison d'être.

Ah ? Pourtant els bordures sont noires et le fond bleu clair (sans être trop clair je l'avoue).

Stephan a écrit :
Félicitation, très belle mise en page !

- Usage intelligent des balises HTML.
- Code bien indenté, agréable à lire.

Merci

Stephan a écrit :
Noter que IE ne gère pas bien la transparence des "png".

Je vais éssayer d'arranger ça, sinon tant pis, ça reste lisible sous IE

Stephan a écrit :
Dans "Test de la balise pre" il y a un scroll-bar vertical sous IE.
Tu peux essayer de résoudre de la façon suivante :

pre {
   overflow: scroll; 
}

html>body pre {
   overflow: auto; 
}

On doit écrire "monospace"

pre {
  font-family: "courier new",courier,[#red][b]monospaced[/b][/#];
}

Hack erroné :

div#container {
  border: 3px solid;
  width: 760px;
  voice-family:"\"}\"";
  voice-family:inherit;
  width:[#red][b]750px[/b][/#]; /* on devrait lire 754px */
}

Le lien http://www.gravatr.com/ est erroné. ( http://www.gravatar.com/ )

Corrigé

Stephan a écrit :
Une propriété margin-color ?

ul li {
  margin: #F3F4F5 0;
}

Stephan a écrit :
Il te reste le #header à travailler.

C'est à dire ? Déjà il s'affichait pas pareil sous IE et Firefox, ce que j'ai corrigé Après si tu trouves qu'il devrait être + travaillé (images, effets, etc.) ça risque d'être dur, j'aime le sobre donc je ne pense pas rajouter d'éléments

Merci à tous @+

ThomasB a écrit :

C'est à dire ? Déjà il s'affichait pas pareil sous IE et Firefox, ce que j'ai corrigé ...

Apparemment ce n'est pas corrigé !
Modifié le 20 Dec 2004 - 11:06

Stephan a écrit :

Apparemment ce n'est pas corrigé !

Ctrl+F5 (reload) ?
Tu as quelle version d'Internet Explorer ? Qu'est-ce qui ne va pas en fait ? Peut-être que chez moi non plus ça en s'affiche pas pareil, mais je passe à côté

hum...

Douteux le hack :

div#header {
  background: #933;
  color: 000;
  border-bottom: 3px solid;
  font-family: "trebuchet ms",verdana,arial,sans-serif;
  font-size: 100%;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 12px 12px 0 8em;
  background: #933 url(../images/logo.png) no-repeat 1em center;
  height: 100px;
}
html>body #header {
   height: 90px
}

Il doit y avoir moyen de faire beaucoup plus simple...

J'ai une légère différence entre IE 6 et Firefox 1.0

Si je supprime ceci :

html>body #header {
   height: 90px
}

Là c'est identique sur les deux navigateurs !

Très jolie, les couleurs sont bien choisies et le contraste est excellent. Bravo.

Stephan a écrit :
J'ai une légère différence entre IE 6 et Firefox 1.0

Si je supprime ceci :

html>body #header {
   height: 90px
}

Là c'est identique sur les deux navigateurs !

Merci