> Tous les forums > Forum des Webmasters
 mettre des tables à coté d'une imageSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Duduche59
  Posté le 04/07/2015 @ 11:42 
Aller en bas de la page 
Petit astucien

Bonjour à tous,

Je débute dans la programmation et je voudrais vous poser une question qui vous semblera sans doute naïve mais cela fait une semaine que j'essaye sans y parvenir.

Tout est dans le titre, je voudrais mettre 3 tables empilées sur la droite d'une image et je n'y parvient pas. Je bidouille des float, display, margin mais au mieux, mes tables sont bien emplilées verticalement sur la droite de ma page, mis soit au dessus de l'image, soir en dessous.

Je vous joint mon code html, si quelqu'un a pitié d'un débutant.

<figure >
<img src="autriche.png" alt="autriche" id="drapeau"/>
<figcaption>Autriche</figcaption>
</figure>
<table id="drapeaux_similaires">
<caption>drapeaux similaires</caption>
<tr>
<td>Lettonie </td>
</tr>

</table>
<table id="caracteristiques">
<caption>caractéristiques techniques</caption>
<tr>
<td>proportion</td>
<td>7/10</td>
</tr>
<tr>
<td>codification</td>
<td>Vbyr+E</td>
</tr>
<tr>
<td>couleur</td>
<td>verte</td>
</tr>
</table>

duduche59

Publicité
zoulouman
 Posté le 04/07/2015 à 11:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Donne la feuille de style avec, sinon Elle ne pourra pas te répondre...

Duduche59
 Posté le 04/07/2015 à 12:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour Anonyme,

Merci à toi et à ceux qui m'ont répondu.

C'est exactement le résultat que je cherchais mais je ne connaissais pas encore CENTER.

Je met le sujet en résolu.

@+

elle
 Posté le 04/07/2015 à 19:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Euh, center est une balise obsolète en HTML4 et pas supportée en HTML5. Elle serait même en cours d'éradication.

https://developer.mozilla.org/fr/docs/Web/HTML/Element/center

Il vaut mieux utiliser la propriété CSS text-align.



Modifié par elle le 04/07/2015 19:10
zoulouman
 Posté le 06/07/2015 à 10:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Elle est obsolète, mais qu'est-ce qu'elle est pratique dès fois. (et surtout très rapide à mettre en place, c'est surtout ça).

C'est un peu comme le GOTO que tout le monde connait. Très vieux, mais pas obsolète. Il ne le sera certainement jamais.

elle
 Posté le 06/07/2015 à 18:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

zoulouman a écrit :

Elle est obsolète, mais qu'est-ce qu'elle est pratique dès fois. (et surtout très rapide à mettre en place, c'est surtout ça).

Ouais, mais le jour où les navigateurs ne l'interpréteront plus, ton chien est mort!

Aussi bien bien faire tout de suite qu'avoir à recommencer plus tard, non? Et quand on débute, il est plus facile de prendre les bonnes habitudes dès le départ qu'avoir à se corriger par la suite.

zoulouman
 Posté le 07/07/2015 à 07:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Tu crois qu'elle ne sera plus reconnue un jour ?

Je sais qu'elle n'est plus reconnue HTML5 mais souvent, les navigateurs essayent de rester compatibles (sauf IE, mais ça, c'est une autre débat vu qu'il est livré sans consentement) pour ne pas être mis de côté.

En même temps, si elle est obsolète, c'est qu'elle va disparaitre, un jour... Le W3C ne quand même pas menacer les navigateurs de l'éradiquer (comme tu dis ) cette balise !

elle
 Posté le 07/07/2015 à 08:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Le HTML sert à transmettre la structure sémantique du document, avec les balises prévues à cet effet, qui déterminent la nature du contenu qu'elles encadrent (titre <h1> à <h6>, paragraphe <p>, liste <ul>, etc.), sans égard à l'effet sur l'affichage; le contrôle de la présentation, la gestion de l'apparence, dont le centrage des éléments, se font idéalement dans le CSS.

zoulouman
 Posté le 08/07/2015 à 07:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Ben oui, je sais bien.

Il faut quand même reconnaitre que ça va bien plus vite de balancer un <center> plutôt que de créer une class ou autre en text-align: center

Sinon, c'est vrai qu'une page avec le HTML d'un côté et le style de l'autre, c'est bien plus joli est agréable à regarder (le code, hein ?).

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
179,99 €Ecran portable 15,6 pouces Lenovo L15 (FullHD, IPS, USB-C) à 179,99 €
229,99 € -22%

Fnac fait une promotion sur l'écran portable 15,6 pouces Lenovo L15 qui passe à 179,99 € au lieu de 229,99 €. Cet écran à emporter partout avec vous possède une dalle IPS antireflet FullHD avec un design ultrafin. L'alimentation et l'affichage se font par USB-C. Branchez simplement votre ordinateur portable ou votre smartphone pour profiter d'un second écran ou même votre console, un ordinateur fixe ou un raspberry Pi 4 pour profiter d'écran principal. La base de l'écran pivote pour servir de support. Inclinaison réglable.


Voir l'offre
769,00 €Robot tondeuse connectée Bosch Indego S+ 500 m² à 769 €
900 € -15%

Amazon fait une belle promotion sur le robot tondeuse connectée Bosch Indego S+ 500 m² qui passe à 769 € au lieu de 900 € ailleurs. Ce robot offre une capacité de tonte capacité de surface de tonte de 500 m² (±20%). Quand sa batterie est déchargée, la tondeuse robot va se recharger toute seule à sa station de charge. Le câble périphérique délimite la zone de tonte et est très facile à installer. Après avoir cartographié la pelouse, l’Indego propose un calendrier de tonte adapté à la taille de la pelouse. 

Un câble périphérique de 150 mètres, 200 cavaliers pour l'enterrer et une base sont fournis. Le robot tondeuse peut travailler sur des terrains pentes allant jusqu'à 27%. Enfin, grâce à l'application Bosch, vous pourrez programmer et lancer la tonte où que vous êtes.


Voir l'offre
44,99 €Ensemble clavier et souris sans fil Logitech MK540 Advanced à 44,99 €
60 € -25%

Cdiscount fait une promotion sur l'ensemble Logitech MK540 Advanced qui passe à 44,99 € alors qu'on le trouve ailleurs à partir de 60 €. Ce pack comporte un clavier et une souris sans fil d'une portée de 10 mètres. Conçu pour être précis, confortable et fiable, l'ensemble Logitech MK540 Advanced se compose d'un clavier de taille standard avec repose-poignets et pieds d'inclinaison réglables et d'une souris profilée et ambidextre. Les touches du clavier ont été optimisées pour améliorer la précision et réduire le bruit alors que vos doigts se sentiront immédiatement à l'aise grâce à la disposition familière des touches. 


Voir l'offre
3,09 €Câble PremiumCord USB A vers USB Type C 2 mètres à 3,09 €
6 € -48%

Amazon fait une promotion sur le câble PremiumCord USB A vers USB Type C d'une longueur de 2 mètres qui passe à 3,09 € au lieu de 6 €. Câble compatible charge rapide et synchronisation. D'autres longueurs sont également en promotion : 50 cm à 2,32 € et 3 mètres à 3,38 €.


Voir l'offre

Sujets relatifs
Comment fait-on pour mettre une image ici ?
mettre un élément à côté d'un autre
cote à cote image/lien
mettre une image en fond sur un ftp free
Comment mettre un texte sur une image
mettre un lien sur une partie d'une image
mettre une image qui bouge sur mon site
Comment mettre un texte sur une image?(Résolus)
découper une image et mettre des liens
Je n' arrive pas à mettre l' image
Plus de sujets relatifs à mettre des tables à coté d''une image
 > Tous les forums > Forum Forum des Webmasters