× Aidez la recherche contre le COVID-19 avec votre ordi ! Rejoignez l'équipe PC Astuces Folding@home
 > 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 poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Les bons plans du moment PC Astuces

Tous les Bons Plans
159 €Ecran HP 32 pouces 32 (FullHD, 75 Hz) à 159 €
Valable jusqu'au 04 Décembre

Amazon propose actuellement l'écran HP 32 pouces à 159 € livré gratuitement alors qu'on le trouve ailleurs à partir de 200 €. Cet énorme écran de 32 pouces offre une résolution FHD de 1920x1080 pixels sur une dalle VA à 75 Hz.


> Voir l'offre
7,99 €Clé USB WiFi N150 Nano Netgear à 7,99 €
Valable jusqu'au 04 Décembre

Amazon fait une offre éclair sur la clé USB WiFi TP-Link TL-WN725N qui passe à 7,99 € alors qu'on la trouve habituellement à partir de 12 €. Cette micro clé USB vous permettra d'ajouter le WiFi N150 à un ordinateur qui en est dépourvu.


> Voir l'offre
599,99 €Portable Dell Inspiron G3 (15 pouces, FullHD, Core i5, 8Go, SSD 512Go, GTX 1650) à 599,99 € (odr)
Valable jusqu'au 06 Décembre

RueDuCommerce fait une belle promotion sur l'ordinateur portable Dell Inspiron G3 3500-1317 qui passe à 699,99 € alors qu'on le trouve ailleurs à partir de 899 €. Or Dell rembourse actuellement 100 € pour l'achat de cet ordinateur qui vous reviendra à 599,99 € après remboursement. Cet ordinateur possède un écran 15 pouces Full HD IPS, un processeur Intel Core i5-10300H, 8 Go de RAM et un SSD de 512 Go ainsi qu'une une carte graphique dédiée GeForce GTX 1650 4 Go. Le tout tourne sous Linux mais vous pouvez installer Windows 10 si vous le voulez. Une très belle machine qui vous permettra de tout faire, même les jeux, en déplacement.


> 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