Alignement 2 div
Résolu/Fermé
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
-
17 juil. 2009 à 23:52
alexislevrai Messages postés 564 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 - 20 juil. 2009 à 00:09
alexislevrai Messages postés 564 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 26 novembre 2015 - 20 juil. 2009 à 00:09
A voir également:
- Alignement 2 div
- 2 comptes whatsapp - Guide
- 2 ecran pc - Guide
- Word numéro de page 1/2 - Guide
- Jdownloader 2 - Télécharger - Téléchargement & Transfert
- Fusionner 2 pdf - Guide
4 réponses
voyageur59
Messages postés
1112
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
10 novembre 2009
132
19 juil. 2009 à 09:52
19 juil. 2009 à 09:52
Bonjour,
Tu crées un tableau dont tu n'affiches pas les bordures, après tu positionnes ton texte (ou plus) dans une cellule, l'image dans une autre. Tu profites des paramètres de ta cellule pour aligner comme tu veux.
Tu crées un tableau dont tu n'affiches pas les bordures, après tu positionnes ton texte (ou plus) dans une cellule, l'image dans une autre. Tu profites des paramètres de ta cellule pour aligner comme tu veux.
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
19 juil. 2009 à 13:57
19 juil. 2009 à 13:57
salut,
les tables sont déconseillées pour la mise en page depuis seulement 1999…
heureusement qu'on est à l'air du très haut débit !
-:oD
pour tes <div>, met le premier en {float:left;} en lui attribuant une largeur fixe.
en suite tu ajoutes au second un {padding-left} égale à la largeur du premier, ou un peu plus si veux un espace entre les deux.
et pour ton image, tu devrais la mettre en arrière-plan de ta <div> plutôt que d'utiliser une <img/>.
les tables sont déconseillées pour la mise en page depuis seulement 1999…
heureusement qu'on est à l'air du très haut débit !
-:oD
pour tes <div>, met le premier en {float:left;} en lui attribuant une largeur fixe.
en suite tu ajoutes au second un {padding-left} égale à la largeur du premier, ou un peu plus si veux un espace entre les deux.
et pour ton image, tu devrais la mettre en arrière-plan de ta <div> plutôt que d'utiliser une <img/>.
voyageur59
Messages postés
1112
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
10 novembre 2009
132
19 juil. 2009 à 14:43
19 juil. 2009 à 14:43
Ha oui,
C'est vrai, c'est pour ça qu'il y tant d'incompatibilités entre les navigateurs....
C'est un vrai souci d'être de la vieille école, les vieux ont toujours tort....
C'est vrai, c'est pour ça qu'il y tant d'incompatibilités entre les navigateurs....
C'est un vrai souci d'être de la vieille école, les vieux ont toujours tort....
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
>
voyageur59
Messages postés
1112
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
10 novembre 2009
19 juil. 2009 à 15:03
19 juil. 2009 à 15:03
C'est vrai, c'est pour ça qu'il y tant d'incompatibilités entre les navigateurs
en 2009 beaucoup d'incompatibilités ?
tu veux nous faire rire ou nous faire pleurer ?
C'est un vrai souci d'être de la vieille école, les vieux ont toujours tort
le problème n'est pas d'être vieux, le problème est de ne pas être à la page techniquement et ça oui, c'est regrettable.
la recommandation pour les tables est tirée de la spécification HTML 4.
en respectant les specs et surtout en les comprenant, il reste très très peu de différences de rendu. mais faut-il encore aller y voir.
les plus grosses différences on les trouve toujours (et ici crois moi on voit passer beaucoup de codes en une année, des débutants aux codeurs pros expérimentés) chez les codeurs qui ne sont simplement pas assez bons et qui se cachent derrière les soit disant incompatibilités.
et pardon, mais dans le cas qui nous occupe ici, avoir besoin d'un tableau pour faire deux colonnes, c'est juste ne pas être bon, ce n'est vraiment pas un problème de navigateurs ou d'être vieux.
en 2009 beaucoup d'incompatibilités ?
tu veux nous faire rire ou nous faire pleurer ?
C'est un vrai souci d'être de la vieille école, les vieux ont toujours tort
le problème n'est pas d'être vieux, le problème est de ne pas être à la page techniquement et ça oui, c'est regrettable.
la recommandation pour les tables est tirée de la spécification HTML 4.
en respectant les specs et surtout en les comprenant, il reste très très peu de différences de rendu. mais faut-il encore aller y voir.
les plus grosses différences on les trouve toujours (et ici crois moi on voit passer beaucoup de codes en une année, des débutants aux codeurs pros expérimentés) chez les codeurs qui ne sont simplement pas assez bons et qui se cachent derrière les soit disant incompatibilités.
et pardon, mais dans le cas qui nous occupe ici, avoir besoin d'un tableau pour faire deux colonnes, c'est juste ne pas être bon, ce n'est vraiment pas un problème de navigateurs ou d'être vieux.
zoby44
Messages postés
818
Date d'inscription
vendredi 3 novembre 2006
Statut
Membre
Dernière intervention
7 avril 2010
199
19 juil. 2009 à 15:04
19 juil. 2009 à 15:04
Salut. C'est vrai, c'est mieux d'utiliser des <div> plutôt que des tables. Mais là, tout est déjà fait en table.
Il est bizarrement fait ton CSS.
Essaye en supprimant le "vertical-align: baseline;" à la ligne 22-23, là où tu as :
html, body, div ... {
...
}
Il est bizarrement fait ton CSS.
Essaye en supprimant le "vertical-align: baseline;" à la ligne 22-23, là où tu as :
html, body, div ... {
...
}
alexislevrai
Messages postés
564
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
20 juil. 2009 à 00:09
20 juil. 2009 à 00:09
Merci beaucoup pour vos conseil, je regarderai cela demain et je vous dirais si je choisi la méthode de l'ancienne école ou de la nouvelle ;)
Merci.
Merci.