1

Tout est dans le titre, ou presque.

Je souhaiterais découper une image afin de la transformer en un formulaire. Pour essayer de garder les dimensions et autres, j'ai essayé de mettre mes éléments dans un tableau. Seulement, voilà : malgré mes bidouillages, je n'arrive pas à supprimer les marges (internes ou externes, je n'arrive pas à savoir) qui font que mon petit bricolage n'est pas vraiment aussi esthétique que l'image que j'avais de base.
/------------\
|     1      |
|------------|

|-|     |--|-|
|2|-----|4 |5|
|-|  3  |--|-|
  |-----|

|------------|
|     6      |
\------------/

Ça, c'est le résultat que j'obtiens sous Firefox, IE et Safari. Outre le fait que l'élément 3 (un input type=textfield) ne soit pas aligné avec les trois autres éléments de la ligne (respectivement une image, un bouton et une autre image), je n'arrive pas à supprimer les marges entre les trois lignes.

Est-ce que quelqu'un a déjà rencontré ce genre de problème et pourrait me proposer sa solution ?
Merci
avatar
Je sais qu'il y a marqué "con" sur ma gueule. Je suis né comme ça, je m'y fais. Mais pourquoi toutes les filles qui me plaisent se sentent obligées de rajouter le suffixe "-fident" ?

2

C'est un peu "crade" comme solution mais as-tu essayé avec des padding/margin négatifs? et bien sûr des border: none;

3

Border-collapse, table-layout, padding, margin, et border... La joie des css !
Ancien pseudo : lolo

4

./2 : Je viens d'essayer, ça ne fait pas bouger mes éléments sur la seconde ligne.

./3 : Ouaip, mais si maintenant je précise que ça, c'est fait, et que ça ne change rien? J'ai une partie de ma CSS comme suit :
#signup table, #signup table * {
border: 0 none;
padding: 0;
margin: 0;
border-collapse: collapse;
}
/* #signup est mon formulaire */

et dans le code de ma table, j'ai aussi cellpadding="0"; cellspacing="0" : que pouic. J'ai vérifié, les éléments enfants ont bien hérité ces propriétés…

[Edit] Je vais regarder pour positionner mon bouton et mon champ de manière relative. C'est pas non-plus terrible, mais ça devrait fonctionner.
avatar
Je sais qu'il y a marqué "con" sur ma gueule. Je suis né comme ça, je m'y fais. Mais pourquoi toutes les filles qui me plaisent se sentent obligées de rajouter le suffixe "-fident" ?

5

Sinon faut essayer du côté des position: absolute/relative

6

Depuis le temps que je milite pour la flexibilité des divs contre le formatage des tableaux, j'ai passé à côté de mon cheval de bataille. Donc, j'ai effectué ce remplacement, et le tour a été joué mur
avatar
Je sais qu'il y a marqué "con" sur ma gueule. Je suis né comme ça, je m'y fais. Mais pourquoi toutes les filles qui me plaisent se sentent obligées de rajouter le suffixe "-fident" ?