Creation d'un menu horizontal

Bonjour a tous je suis débutant en webdesign et je désir réaliser un portfolio. J'ai réalisé tout d'abord une maquette sous photoshop. Jusque ici aucun problème mais quand il s'agit de réalisé le site en css et html beaucoup plus de soucis . Je bloque sur un point la réalisation d' un menu horizontal juste au dessous de mon header. J'ai mis actuellement une simple image de fond pour montrer le rendu que je désir avoir:
ici

J'ai prédécoupé mes images qui sont dans le dossier image:

ici

Ce sont le .png ce finissant par btm.

Mais je ne sais pas du tout comment mi prendre car a chaque fois cela me décale toute ma page que je me mette en liste ou en insérant simplement les image en leur donnant des positions à l'aide du css.

Merci j'espère avoir été suffisamment claire

Bonjour,

J'ai une bonne nouvelle: tu vas pouvoir apprendre plein de choses sur l'intégration web et bien bosser le sujet, car ta marge de progression est énorme.

Le mieux que je puisse faire (à part te donner un code tout cuit, ce qui est contraire aux règles du forum), c'est te renvoyer aux tutoriels d'Alsacréations sur HTML et CSS. Bien sûr, tu peux consulter d'autres ressources telles qu'Openweb ou Pompage.net.

Je pense que ces rubriques des tutoriels devraient particulièrement t'intéresser:
http://css.alsacreations.com/Bases-et-indispensables/
http://css.alsacreations.com/Construction-de-menus-en-CSS/