Alignement de tableau je galère [Résolu]

ludd 35Messages postés 12 décembre 2006Date d'inscription - Dernière réponse le 12 déc. 2006 à 19:58

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 :)

Alignement de tableau je galère »

Suggestions

Alignement de tableau je galère
Alignement vertical Word 2007 impossible (Résolu) » Forum
Centrer le texte dans un tableau (Résolu) » Forum
Alignement vertical (Résolu) » Forum
Aligner du texte sous open office (Résolu) » Forum
Comment aligner un tableau (Résolu) » Forum

Plus

Réponse

ludd 35Messages postés 12 décembre 2006Date d'inscription 12 déc. 2006 à 17:08

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 ?

Ajouter un commentaire

Réponse

kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 12 déc. 2006 à 17:09

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 <div> à la place.
C'est :
Plus jolie
Plus pratique
Plus mieux bien :D

Ajouter un commentaire

Gihef- 12 déc. 2006 à 18:00

En quoi c'est
“Plus jolie
Plus pratique
Plus mieux bien” ?

Peux-tu expliquer ?

Réponse

ludd 35Messages postés 12 décembre 2006Date d'inscription 12 déc. 2006 à 17:26

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

Ajouter un commentaire

Réponse

kij_82 4070Messages postés 7 avril 2005Date d'inscription 24 septembre 2010Dernière intervention 12 déc. 2006 à 17:32

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 :)

Ajouter un commentaire

Réponse

Gihef 5246Messages postés 20 juillet 2005Date d'inscription 12 déc. 2006 à 18:10

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 <div> et des styles en CSS.

Ajouter un commentaire

Réponse

ludd 35Messages postés 12 décembre 2006Date d'inscription 12 déc. 2006 à 18:24

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 ^^

Ajouter un commentaire

Réponse

Gihef 5246Messages postés 20 juillet 2005Date d'inscription 12 déc. 2006 à 18:50

Regarde ici :

<TD><div align="RIGHT"><IMG SRC="http://eurochroccasion.allliance.com/com/images/inter_menu.jpg" ALIGN="left"></div></TD>

Et essaye :

<TD><div align="RIGHT"><IMG SRC="http://eurochroccasion.allliance.com/com/images/inter_menu.jpg" ALIGN="right"></div></TD>

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 <div> qui contient ton <img>, sert-t'en. En particulier la possibilité d'y placer une image en arrière-plan.
Remplace le code par :

<TD><div align="RIGHT" style="width:416px; height:72px; background-image:url(http://eurochroccasion.allliance.com/com/images/inter_menu.jpg);"></div></TD>

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

Ajouter un commentaire

Réponse

ludd 35Messages postés 12 décembre 2006Date d'inscription 12 déc. 2006 à 19:45

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 )

<TD><div ALIGN="left"><IMG SRC="http://eurochroccasion.allliance.com/com/images/inter_menu.jpg"></div></TD>

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.

Ajouter un commentaire

Réponse

Gihef 5246Messages postés 20 juillet 2005Date d'inscription 12 déc. 2006 à 19:58

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.

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Alignement de tableau je galère [Résolu]

Alignement de tableau je galère »

Passage au tout numérique : quel coût pour les particuliers ?