Edit: cf dernier post pr le problèmes des marges
 
Bonjour, Je rencontre un pti problème avec mon site que j'e n'arrive pas a résoudre: l'affichage sous firefox correspond parfaitement a ce que je désire mais sous IE ca ne va pas du tout.Je suppose que la solution se trouve dans ma feuille de style mais je cherche depuis un ptiu bout de temps et ca commence a m'irriter  
Voici l'adresse http://raphanaud.jb.free.fr/ossature_bois.html (le problème concerne le menu en haut, je crois que c'est clair )
Merci de vos conseils, Bonne soirée

EDIT

tu parle de cette différence entre les deux marges entre ton titre et le contenu de ta page ?

oui deja mais c'st plu subtil que ca parce que j'ai des rollover sur les carrés en haut et les images "éloignées" associées s'affichent en vrac entre le titre et la barre sur IE

A vi en effet. Alors il existe plusieurs méthodes pour éviter ces petits désagréments, la première, un peu brutale, est de repérer le navigateur client et de choisir le css en fonction... trés bien avec un serveur php, mais bon il faut se taper au moins 2 css..
 
sinon passer par des hacks.. comme le !important qui est en fait un argument, un vrai mais que IE ne prend pas en compte.
 
un lien sympa
 
ceci dit, pourrais tu mettre ton code css sur le forum, car sans, j'ais un peu de mal (déjà qu'avec j'en aurais )

euh le css est sur son site il a donné le lien
http://raphanaud.jb.free.fr/css.css (petit edit j avais mis un 127.0.0.1 )
sinon j ai reussi a le faire sans hack
 
le probleme c est que ton javascript marche pas chez moi en local
et il marche pas sur opera que ce soit chez moi en local ou sur ton site
donc les images sont bien alignées comme il faut mais apres je sais pas ce que ca donne
 

 
(sinon je savais pas que le code de nvu etait aussi laid mais bon c est deja tres bien pour un ouiziouigue tout de meme )

un ?
je t'avouerais que moi aussi j'ai du mal a le lire et j'ai eu la flemme de tout reprendre pour le rendre plus lisible deja qu'il me refuse les attributs alpha (propriété MS si j'ai bien compris) donc je dois les rajouter apres.

c'est déja beaucoup mieux ! Merci! J'ai corrigé. Mais il reste la marge entre le titre et la barre qui commence a ...
Tant que j'y suis vous en dite quoi de l'aspect du site (l'index + 4 pages qui auront la même architecture que celle donnée) ? Ca fait pro ? ca colle avec le produit présenté (maisons bois) ? Merci

un 127.0.0.1 donc l adresse de ta css sur mon pc
si tu sais "reprendre" laisse tomber nvu c est un ouiziouigue pas un editeur de texte  
il vaut rien comme editeur
a moins qu il ait fait des progres je crois qu il a meme pas l'autocompletion
 
mais bon je suis etonné quand meme entourer une image d un div pour mettre des definitions de police dedans ca me troue le cul

ahhh.. wysiwyg.. long a la detente.

Ca par contre c'est pas normal... Ou ? entre le css et la source html ? pk il y'a aucune police donnée dans la source.. (faut dire que j'ai pas mal bidouillé alors y'a ptetre des trucs qui m'ont échappé..)
Mais Nvu est quand mme bcp mieux que dw...

en html
 

 
et en css
 

 
sans parler de l absurdité d aligner des id vu qu ils sont unique par definition
en ce qui concerne le fameux espace ca va etre plus compliqué : selon chaque navigateur les blocs ont des marges et paddings differents  
donc il faut commencer par ajouter au debut de ta feuille de style un truc comme ca
 

 
ca va casser ta mise en page et t auras les nerfs mais tu partiras sur de bonnes bases (et tu eviteras les hacks peu recommandables )
ensuite dans ton h1 t as un line-height  
je sais meme pas pourquoi il est la mais c est lui qui fout tout en l air  
 
voila

le line height c'est pour aligner le texte en bas... pas trouvé le moyen de faire autrement...pr les polices effectivement.. mais pas plus tard que ce midi c'était encore du texte a la place des images.. c'est resté..
Et pr les div j'ai appris a m'en servir a peu près convenablement il y'a 5 jours laors hein.. c'st mon premier site... dsl.
Edit: c'est bien le line height qui m'ennuie.. reste a voir comment le remplacer pr aligner mon texte en bas..

 
margin-top est ton ami
 
sinon quelques conseils pour avancer
pas de style dans ton html  
tout en css
 
pareil pour hspace/vspace c est du style donc ca n a rien a faire dans ton html
 
tu verras c est le top de laisser les css s occuper du style ca sera plus agreable meme a la relecture du code
la ca fait un peu mal aux yeux
 
en gros
 
AVANT
 

 
APRES

 
 
enfin je pensais que c etait nvu qui rajoutait les divs et les fontfamily
 
en tout cas c est beaucoup plus fonctionnel/mieux/beau/lisible[...rajouter ici d autres options au choix...] que ce que tu avais fait en flash
 
bon courage pour la suite
 
 

Ahhhhhhh je trouvais bizarre qu'on puisse pas donner des attributs css a des images (je savais pas comment my prendre, c'est tout ) ca me frustrais de devoir mettre des images ds mes div ... je trouvais ca lourd
Je m'y mets et vous montre tout ca.

tu peux styler n importe quel element de ta page css
1 - soit en nommant explicitement la balise (et ca marche meme pour <html> ou <body> )
div {ici des propriétés pour tous les divs}
 
2 - soit en ajoutant class ou id
<br class="vraiment_tres_grand_espace avec_un_fond_rouge_parce_que_je_trouve_ca_beau_comme_ca" />
 
avec ca mon br utilise deux classes
.vraiment_tres_grand_espace { margin: 2000px 0; }
.avec_un_fond_rouge_parce_que_je_trouve_ca_beau_comme_ca {background-color: red;}
 
bref y a pas vraiment de limites a part l imagination

va vraiment falloir que j'approfondisse le css...

y a interet

Comment je fais pour faire mes rollover sur images "eloignées" avec hover ? (et virer le javascript au passage)

pour ca tu vas etre obligé de garder ton js a cause d'ie qui ne comprend :hover que sur <a>
par contre je peux pas t aider pour rendre ton script crossbrowser

ok .. merci quand même.. mais jme suis débrouillé.. et la source html est déja .. beaucoup plus claire (et courte) !!(c'est pas en ligne)Reste a néttoyer la feuille de style ..

En améliorant tout ca, j'ai rencontré un pti problème d'alignement.. tout était ok jusqu'a ce que je rajoute le margin top a h1 mais je doute que ca vienne de ca.. je pense qu'il faudrait que je rajoute un truc aux attributs de mes titres (ceux qui apparaissent avec le rollover) mais c'est la pagaille pr moi .. je sais pas quoi toucher.. (cette fois c'est en ligne: pas de grosse aberrations ?)
 

 
si tu ne mets pas ca des le debut de ta css tu continueras a ne pas avoir le meme affichage selon les navigateurs
ensuite ton petit probleme sera assez facile a régler
 
sinon pour ton probleme de js je te file le screen de la console d erreur d opera9 (super bien foutue d ailleurs j en reviens pas)
 

 
Je t'ai fait un petit exemple sur cette page
 
Maintenant pour tes images éloignées, j'ai fait tel que tu l'avais fait, sans imagette, et donc avec 2-3 trucs pour contrer IE (on vient placer des liens par-dessus les images).
ça serait plus simple et moins "bidouille" juste avec des liens avec une imagette comme fond (comme pour le top).

Merci a tous les 2!! Pr le hover jv ptetre pas l'utiliser dans l'immediat en fait pour pouvoir finir le site rapidement mais des que j'aurai 5 mn je le mettrai en place. Ca me supprimera les erreurs dues au javascript bidouillé.

rhaaa j'ai rajouté margin/padding 0 mais alors que je n'avais que peu de surprises avant suivant le navigateur, c'est la catastrophe !! je crois que le problème vient de l'interpretation des puces ..

Voila ca marche!! Mais ca m'a l'air un peu bancal... c'est en ligne. Des remarques ? Et je repete ma question: Le site fait il professionnel et colle-t-il bien au sujet ?
@ mIRROR et Pitsy: Encore Merci de vous être penchés sur mes problèmes de débutant !!
 
EDIT: EN fait ya encore un truc qui me chagrine  c'est lees écart inexpliqués en haut et en bas de me titres "cachés"..je vois pas d'ou il viennent.. ils persistent.

Bonsoir, je reviens après quelques modifications et le fait qu'un petit problème persiste. En effet, j'ai des espaces entre images indésirables: d'abord sur la page d'accueil ou c'est le plus clair..http://raphanaud.jb.free.fr. Les images sont un petit peu espacées alors que mes marges sont a zéro. Je veux ce petit espacement mais je préfererait pouvoir le choisir !
Ensuit sur le menu (http://raphanaud.jb.free.fr/ossature_bois.html), les images "titres" (celles qui s'affichent quand on passe sur le menu) ont de marge top et bottom que je ne désire pas!...
Merci de votre aide.
Bonne soirée
Jb