Flux rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Alignement de tableau je galère

ludd, le mardi 12 décembre 2006 à 17:01:46
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.j­pg


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 :)
Configuration: Windows XP
Firefox 2.0
Répondre à ludd  Signaler ce message aux modérateurs Aller au dernier message

1


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
ludd, le mardi 12 décembre 2006 à 17:08:39
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 ?
   
Répondre à ludd

2


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
kij_82, le mardi 12 décembre 2006 à 17:09:24
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
~ iclic @ gauch,iclic, iclic @ droate, iclic, iclic
et ya pas de bôg môsieu ! ~
   
Répondre à kij_82

5


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le mardi 12 décembre 2006 à 18:00:09
En quoi c'est
“Plus jolie
Plus pratique
Plus mieux bien” ?

Peux-tu expliquer ?
 
   
Répondre à Gihef

3


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
ludd, le mardi 12 décembre 2006 à 17:26:01
Je maitrise pas du tout les balises de type div span etc..
Un lien à me suggérer pour taffer la dessus ? :p
   
Répondre à ludd

4


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
kij_82, le mardi 12 décembre 2006 à 17:32:42
Pour commencer :
http://wiki.media-box.net/tutoriaux/html/savoir-utiliser-pos­itionner-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 :)
~ iclic @ gauch,iclic, iclic @ droate, iclic, iclic
et ya pas de bôg môsieu ! ~
   
Répondre à kij_82

6


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le mardi 12 décembre 2006 à 18:10:52
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.
 
   
Répondre à Gihef

7


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
ludd, le mardi 12 décembre 2006 à 18:24:43
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 ^^
   
Répondre à ludd

8


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le mardi 12 décembre 2006 à 18:50:08
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.
 
   
Répondre à Gihef

9


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
ludd, le mardi 12 décembre 2006 à 19:45:02
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.
   
Répondre à ludd

10


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
 Gihef, le mardi 12 décembre 2006 à 19:58:06
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.
 
   
Répondre à Gihef
Posez votre question Répondre

Résultats pour alignement de tableau je galère

Centrer/tableau/et contenu dans Fronpage (Résolu) Bonjours, J'ai construit mon site web sur Frontpage 2003 et je les construit dans un tableau en entier. Lorsque je centre mon tableau avec le scrip "align=center" sa marche pour le tableau. C'est `a dire qu'il se centre, mais tout mes... www.commentcamarche.net/forum/affich-3550477-centrer-tableau-et-contenu-dans-fronpage
Problème d'alignement (Résolu) Bonjour, Sous la rubrique Généalogie, Dombrowski, mon dernier paragraphe/tableau qui commence par "*Nous ignorons tout des parents de Simon et de Marie en Europe. Les rumeurs..." s'aligne à gauche alors que le texte/le tableau qui précède... www.commentcamarche.net/forum/affich-4813859-probleme-d-alignement
Tableau html (Résolu) Bonjour, est il possible faire une boucle en html afin de crée des colonne dans un tableau...car g besoin de 48 colonne et c'est trés galere de les remplir toutes une par une donc si quelqu'un pouvait me renseigner....merci www.commentcamarche.net/forum/affich-6823110-tableau-html

Résultats pour alignement de tableau je galère

Manipulations élémentaires des tableaux sous MatLabSommaire I. Stockage des tableaux II. L'indexation linéaire II.1. Accéder à un élément d'un tableau en utilisant l'indexation linéaire II.2. Passer d'une indexation à l'autre II.2.1. La fonction ind2sub II.2.2. La fonction sub2ind III. La... www.commentcamarche.net/faq/sujet-11091-manipulations-elementaires-des-tableaux-sous-matlab
Trier un tableau sans utiliser la fonction sortTrier un tableau sans utiliser la fonction sort D'abord on initialise une variable $max avec la 1ère valeur de tableau. Ensuite on va faire une boucle tant que le tableau contient encore des éléments. C'est avec la fonction splice qui a le rôle... www.commentcamarche.net/faq/sujet-7685-trier-un-tableau-sans-utiliser-la-fonction-sort
Inverser les éléments d'un tableau -Récursivité-Voici une procédure récursive qui permet d’inverser les éléments d’une partie d’un tableau compris entre la position p et n : Procedure Inverser (Var t : Tab; p, n : Integer); Var aux : Real; Begin If p < n Then ... www.commentcamarche.net/faq/sujet-8811-inverser-les-elements-d-un-tableau-recursivite
Voir les réponses

Résultats pour alignement de tableau je galère

HTML/Problème dans cellule de tableau (Résolu)Bonjour, J'ai un petit problème. Sur une page de mon site j'aimerais créer une cellule de tableau avec deux animations GIF et entre les deux animations GIF un mot texte, et j'aimerais que tout cela soit parfaitement aligné verticalement... www.commentcamarche.net/forum/affich-7644516-html-probleme-dans-cellule-de-tableau
Tableau en css (Résolu)Bonjour, J'ai fait un style pour un tableau... table_sml{ margin: auto; } td { font-family: sans-serif; border: thin solid rgb(53,53,53); width: 25%; padding: 5px; text-align: center; background-color: #ffffff; } Dans le code de la page je met :... www.commentcamarche.net/forum/affich-6836690-tableau-en-css
Div et css centrer txt verticalement (Résolu)Bonjour, je souhaite centrer le texte verticalement dans mon tableau. j'utilise des mais le texte se trouve en haut de la cellule. CSS: div.nav { text-align:right; vertical-align:middle; background-image:url(nav.png); height: 33px;... www.commentcamarche.net/forum/affich-7462634-div-et-css-centrer-txt-verticalement
Voir les réponses

Résultats pour alignement de tableau je galère

Télécharger Satellite Antenna Alignment Satellite Antenna Alignment est un programme utilisé pour calculer l'angle nécessaire pour l'installation d'un récepteur satellite ou parabole. A la différence des autres applications du même genre, il permet de calculer la position correspondante à... www.commentcamarche.net/telecharger/telecharger-34055934-satellite-antenna-alignment
Voir les réponses

Résultats pour alignement de tableau je galère

Les tableauxUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un... www.commentcamarche.net/contents/html/htmltable.php3
Javascript - Les tableauxIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois... www.commentcamarche.net/contents/javascript/jstab.php3
Tableau de bordNotion de tableau de bord Un tableau de bord est une représentation graphique synthétique d'un ensemble d'indicateurs donnant à un responsable tous les éléments lui permettant de prendre visuellement et rapidement des décisions. Compte-tenu de sa... www.commentcamarche.net/contents/qualite/tableau-de-bord.php3
Voir les réponses