alignement de tableau je galère Résolu/Fermé

Question

coucou a tous et merci de l'aide que vous pourrez m'apporter :)

J'essai de faire un ptit site web pour un copain qui vient de créer sa société et en html j'avoue que j'ai pas mal de difficultées...

J'essai depuis quelques jours de faire une home page à peu près correct et j'ai une image qui s'aligne pas au reste du tout.

En gros j'ai un tableau central de 800x600 avec 3 colonnes 
colonne 1 : 172 ( contient juste un logo )
colonne 2  : 212 ( contient une image centrale )
colonne 3 : 416 ( contient plein de ptit tableaux et mon ptit soucis )

Dans la colonne 3 j'ai mon image qui ne veut pas s'aligner du tout :
http://eurochroccasion.allliance.com/com/images/inter_menu.jpg


le lien de la page :)
http://eurochroccasion.allliance.com/pages/home/home.php


je souhaiterai surtout une explication car j'ai d'autre tableau à faire et j'aimerai pas me galérer 2 jours voir plus à chaque soucis d'alignement ^^

mici mici pour votre aide :)

ludd · Answer

J'ai pas pensé à préciser mais en éditeur html j'utilise dreamweaver en version d'évaluation.
Je pense pas mais c'est peut être lui qui pose des soucis ?

kij_82 · Answer

Je suis pas très orienté graphisme pour ce qui est des sites web, donc je peux pas t'aider beaucoup. Mais si je sais une chose c'est qu'il vaut mieux oublier les tableaux et utiliser des

à la place. C'est : Plus jolie Plus pratique Plus mieux bien :D

ludd · Answer

Je maitrise pas du tout les balises de type div span etc.. 
Un lien à me suggérer pour taffer la dessus ? :p

kij_82 · Answer

Pour commencer :
http://wiki.media-box.net/tutoriaux/html/savoir-utiliser-positionner-les-calques-div

sinon tape : tutoriaux CSS dans google et regarde vers le millieu de la recherche y a des trucs pas mal :)
Car mettre une div dans un page, pas difficile, après tout est question de CSS :)

Gihef · Answer

Bonjour, La séparation du contenu (HTML) et de la mise en forme (CSS) est une recommandation du W3C. Ça facilite les modifications, ça allège le code qui devient plus lisible, ça permet des positionnements plus précis… par exemple. Et c'est plus pratique… pour ceux qui maîtrisent. Donc, si tu ne comptes fabriquer qu'un seul site, abandonne. Et contente-toi des vieilles méthodes (je n'ai pas dit bonnes vieilles méthodes), celle des tableaux. Normalement, c'est beaucoup plus simple (-: Toutefois, les liens que tu donnes ne nous servent à rien. Le 1er = une image. Le 2e = une page vide. ? + Regarde ton code (si la page en contient (-;), en fonction des tes choix, DW a certainement inséré pour toi des

et des styles en CSS.

ludd · Answer

Maintenant ça devrait être visible :)

J'ai regardé un peu tout ce qui se dit sur le div etc.. visiblement ça a l'air plus pratique mais très sincèrement suis totalement perdu.

Je suis même pas arrivé à faire un tableau similaire avec div ...

Je connais un ptit peu les feuilles de style que j'utilise d'ailleur et quelques notions du html mais ça s'arrête là mes connaissance.

Quand à faire d'autres sites pourquoi pas mais faut déjà que j'arrive à m'en sortir de celui la ^^

Gihef · Answer

Regarde ici :

Et essaye :

Tu constateras que, utilisée comme ça, elle ne peut pas s'aligner correctement. Ah, les joies des tableaux (-; Je te propose donc l'utilisation des CSS. Puisque DW a défini une

qui contient ton , sert-t'en. En particulier la possibilité d'y placer une image en arrière-plan. Remplace le code par :

Chez moi, avec Safari et Firefox, ça règle le problème. À vérifier dans IE.

ludd · Answer

Bon j'ai essayé les 2 manières de positionner et j'ai trouvé une alternative assez simple qui positionne correctement l'image. Par contre j'ignore si ça se plasserai correctement avec tous les navigateurs ... ( ça marche avec les principaux IE6 - IE7 - Firefox 2 - Netscape 7.1 )

En soit c'était super simple en fait, je crois que a force de modif je me suis perdu dans mon code et j'y voyai plus très clair :) Merci pour notre aide bien sympa :) Si vous connaissez un livre qui pourrait m'éclaircir sur les feuilles de style, les div etc... je suis preneur car je rencontres surtout des difficulées avec les attributs et pas trouvé de sites qui les détails tous avec explications en fr.

Gihef · Answer

Un livre, pour bien commencer : CSS 2 - Pratique du design web
Toutefois, un conseil, évite les positionnements au début. Apprends d'abord à maîtriser les styles, les manières de les mettre en œuvre. Fabrique des menus avec a:hover… Penche-toi ensuite sur les positionnement. Et trouve celui qui te conviendra le mieux.
Et, pour plus tard : Le zen des CSS

Un site, des sites :
La spécification HTML 4.01
aidenet
openweb
Alsacréations
Spécification CSS2
Zen Garden

+ Je n'ai aucun intérêt chez Eyrolles. Sinon que j'y trouve facilement ce dont j'ai besoin.

Alignement de tableau je galère

9 réponses

Discussions similaires