nomasis

Oui ça devrait être bon sauf que si tu vires des trucs, c'est plus bon

Ah ! j'ai viré quelque chose dans mon ménage ?

Bon alors dans le XTHML j'ai mis ça :

 <ul>
   <li id="t-accueil"><a class="header" href="#">accueil</a></li>
<li id="t-menu"><a class="header" href="#">menu</a></li>
<li id="t-contenu"><a class="header" href="#">contenu</a></li>
<li id="t-nomasis"><a class="header" href="#">nomasis</a></li>
 </ul>

comme ça il ne sera pas dit qu'il sait où les trouver !

Mais si tu regardes la page. tu peux voir quand même un comportement que je n'arrive pas à expliquer :

(edit : un nervusse brékdone en vue ? Bien sûr le lien que je désigne Noir est blanc )

il y a de quoi devenir maboule !

J'ai tout repris de zéro

On y verra plus clair

Fais attention à ta CSS de bien nettoyer au fur et à mesure que tu fais des modifs sinon ça devient vite le souk.

Ayé... c'est nettoyé

Ton div #rechercher n'étais pas correctement mis en forme car le sélecteur dans la CSS s'appelle recherche (sans le r) donc il trouvait pas.

c'est bien de moi ça :!:

Je viens juste de vérifier dans IE ... et ça marche pas

c'est le moins qu'on puisse dire

Dans Opera il y a un un petit espace en trop entre le Header et la Page.

Mais c'est négligeable...

Dans Firefox (et ailleurs), le code s'emmêle curieusement : c'est lié aux traitement des liens

#header a:link,a:active,a:visited{
text-decoration: none;
color: #FFFFFF;
}

Mais pourtant ça devrait être bon non ?

la voila l'image du bas vue par IE :

Là les billets disparaissent carrément sous le Footer (quel fouteur de merdes cet IE !)

Hello !

philippe au rapport !

J'ai fait les manips...

et c'est tout de même le second qui l'emporte avec ces résultats :

1/ sous Firefox...

le haut :

a- Impossible de bouger d'une manière ou d'une autre le bouton de la recherche.

b- les textes du menu se place bien, à l'exception de "contenu" qui n'est pas centré à l'intérieur du bouton. Comment peut on déplacer celui là sans toucher aux autres ? Impossible d'y arriver de mon côté.

le bas :

Le filet de gauche disparaît et celui de droite s'arrête trop tôt

2/ sous Opera

le haut :

le bas :

3/ sous IE, enfin...

(je dévoile) le haut :

(et) le bas (enfin !)

(dans le post qui suit car la limite d'images pour ce post est atteinte)

Courage wink.gif On va bien finir par trouver a_thumbsup_20.gif

Hello...

bon j'ai tout fait comme tu m'as dit, sauf :

Place un padding-left d'environ 350px sur le #header de manière à ce que l'ul soit calé à 350px du bord du header. Ensuite, modifie de manière à bien caler sur le fond bleu.

que je n'ai pas compris et qui produit un déplacement du Header hors champ...

Sinon, en jouant sur les padding pour le menu, j'ai réussi comme tu me m'indiquais à le placer verticalement.

Horizontalement, c'est une autre affaire : il refuse obstinément de se mettre à l'endroit où nous souhaitons le placer.

Même chose pour Rechercher : quoique je fasse, il semble être contrarié par autre chose.

Et moi aussi.

Passe une bonne soirée.

(et merci encore...)

et sous IE, c'est la moitié de la page qui disparait !

Avec cette m...., remarque, c'est pas étonnant !

Ah ! j'ai oublié de dire aussi que ça crée un effet pervers : en bas de la page il y a entre le dernier billet et le Footer un grand espace blanc maintenant.

Oh la la !

Bon eh bien finalement j'ai (presque) réussi à placer le Head en faisant cela :

#header{
width:750px;
margin: 0 auto;
position: relative;
z-index: 1;
background:url(http://nomasis.com/nomablog/themes/nomatheme/img/header.jpg) no-repeat top;
padding-top:112px; /*Ici la valeur pour que le menu se place là ou il faut par rapport au haut du header */
}

Mais il y a le bas de l'image qui manque.

Et surtout (et là je pige rien du tout), la liste du menu reste obstinément coincée à gauche.

Mais pourquoi le header se retrouve décalé maintenant ?

Et pourquoi n'affiche t'-il pas tout l'image dans sa hauteur ?

C'est agaçant à la fin !

Eh bien ! comment te dirais-je merci....

Tu m'as vraiment mâcher le travail !

Maintenant je vais essayer de comprendre où ça coince encore...

Très très grand merci en tous cas.

je veux bien parce que là je sèche...

Bonjour Azon...

Voici le code maintenant

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	color: #FFFFFF;
	top: 112px;
	height: 22px;
	z-index: 4;
	text-align: left;
	left: 410px;
	width: 340px;
	visibility: visible;
	display:inline;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display:inline;
	}
#nav a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 6px 20px 6px 20px;
	text-align: left;
	}
#nav a:hover, #nav a.active {
	color: #000;
	}
#nav a.active {
	font-weight: bold;
	}

Bonjour Nomasis

Dans #nav, tu ne peux pas avoir 2 positionnements différents : position:relative et  float:right ... C'est l'un où l'autre

Bien sûr...

Tu peux enlever le float:right je pense et garder la position en relative avec les propriétés top et left. En fait, si je me trompe pas, le navigateur garde le dernier positionnement indiqué dans l'id et dans ton cas, c'est le float:right (si tu l'avais mis au début de l'id, tu n'aurais probablement pas eu de problème)

C'est grâce au float:right que les li s'alignent sur une unique ligne ? Je voudrai pas dire de bétises, mais je crois qu'il est préférable de faire un display:inline dans ce cas là.

oui oui : c'est float:right qui les aligne.

Je viens de regarder display:inline, effectivment c'est bon.

Enfin... c'est bon... ils sont bien en ligne

Par contre je sais pas ce qui se passe mais là ça déconne complètement :

http://nomasis.com/nomablog/index.php

Pour optimiser ta CSS, je te conseille de regrouper toutes les propriétés génériques de la sorte :

*{

margin: 0;

padding: 0;

}

Ça je n'ai pas trop compris...

Si tu ne fais pas de lien sur le header, tu peux le mettre en background. Ainsi, si tu veux le changer par la suite, tu as juste à éditer la CSS ... et puis, ça te permettra aussi de proposer plusieurs CSS, on sait jamais

Tout à fait : c'est prévu au programme...

Les CSS c'est un Master Mind mais au moins il y a un avantage : on n'a plus besoin d'aller chez coiffeur à force de s'arracher les tifs.

Bijor bijor à tous les happy webmasters

Je suis en train de refondre mon blog (à niveau maintenant avec la 1.2 de Dotclear).

Et j'ai un problème pour créer un menu en CCS.

Mais une image valant mieux qu'un voyage sur le site de nomaBlog, en voici 3 :

Sous Firefox tout d'abord :

Sous IE :

Et sous Opera maintenant :

le code HTML est celui-ci :

<ul id="nav">
	<li id="t-nomasis"><a href="#">nomasis</a></li>
	<li id="t-menu"><a href="#">menu</a></li>
	<li id="t-contenu"><a href="#">contenu</a></li>
	<li id="t-accueil"><a href="#">accueil</a></li>
</ul>

et celui de la CSS, celui-là :

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	color: #FFFFFF;
	top: 112px;
	height: 22px;
	position: relative;
	z-index: 4;
	text-align: left;
	left: 410px;
	width: 340px;
	float: right;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
  float: right;
	}
#nav a {
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-align: left;
	}
#nav a:hover, #nav a.active {
	color: #000;
	}
#nav a.active {
	font-weight: bold;
	}

Il y a sans doute plein d'erreurs dans la feuille de style mais je ne vois pas lesquelles

Et c'est très très pénible.

Auriez vous une petite idée ? (une grosse c'est bien aussi)

Bonjour Monique !

en te lisant j'ai eu l'envie de personnaliser mon avatar : du coup je prends le nlogo de nomablog ou je tease un peu sur la sortie prochaine de mon projet. C'est de bonne guerre.

Et je voudrais dire aussi à Denis (je n'avais pas percuté sur le moment : j'ai trop la tête dans le guidon) combien j'apprécie C2 et sa prose.

Excellent Denis !

Vraiment excellent ! C'est un véritable bonheur ce site.

Je vais peut être poser une question idiote, mais WebMaster Hub recense t-il ces liens si précieux quelque part ? Je n'ai pas trouvé.

Dans un sous-forum, avec des sections design, des sous-sections polices OS, templates OS, etc. ce serait bien (ou sur le site même) ?

En tout cas merci encore.

@ Marie : c'est exactement l'adresse que je cherchais

@ Denis : mon intention était bien de le faire moi même... mais j'avais des problèmes justement avec le choix de la police. Or donc j'ai récupéré la police que tu m'as indiqué et ni une ni deux, j'ai fait mon truc.

J'en ai donc 2 maintenant ! lol

Elle est pas belle vie ?

Il est pas bien le forum webmaster-hub ?

Un grand GRAND MERCI @ vous 2 donc !

Bonjour

Je cherche à produire un logo du même type.

Je crois qu'il y a une charte (typo) voire même un outil en ligne mais je n'arrive pas à mettre la main sur les ou l'URL.

Auriez vous une idée ?

Bonne après midi

la question de la brevetabilité des logiciels est l'une des questions fondamentales pour nos libertés.

Si vous voulez lire un truc chiant :

http://nomasis.com/nomablog/index.php/2004...ormeDeManifeste

Sur ce, Joyeuses Pâques et bosses grises à Monique.

... j'étais passé devant le bureau des présentations sans y entrer.

ra la la ...

Alorsse ... qu'est-ce que je vais pouvoir dire.

- Que je nourris un blog ?

Exactement. Et c'est qu'il a faim, le bougre.

Il me coûte cher en heures passées devant mon PC à éplucher la presse d'ici ou de là.

Du coup je dois rater plein de choses importantes dans la vraie vie : comme ce qui passe à la télévision par exemple (nan je rigole)

- Et de quoi qu'il traite ton bleug ?

De l'actualité des TIC (encore des bestioles !) vue sous l'angle de l'éthique. Et toc.

Y a de la matière, si si, j'vous jure ...

Donc je fais mon Zorro dans mon coin (qui as dit Zozo au fond ?)

- Et à part ça ?

Tout va bien. Merci

Et vous ?