Alignement de tableau je galère
Résolu
ludd
Messages postés
36
Date d'inscription
Statut
Membre
Dernière intervention
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
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 :)
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 :)
A voir également:
- Alignement de tableau je galère
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide
9 réponses
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 ?
Je pense pas mais c'est peut être lui qui pose des soucis ?
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
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
Je maitrise pas du tout les balises de type div span etc..
Un lien à me suggérer pour taffer la dessus ? :p
Un lien à me suggérer pour taffer la dessus ? :p
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 :)
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 :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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.
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 ^^
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 ^^
Regarde ici :
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 :
Chez moi, avec Safari et Firefox, ça règle le problème.
À vérifier dans IE.
<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.
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.
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.
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.
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.
