CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Norme W3C : Tableaux et puces

Casque-Ouille
Casque-Ouille
Niveau 10
29 avril 2008 à 11:38:48

Bonjour
D'abord je m'excuse de multiplier les topics.
j'ai un problème avec un site et la norme W3C. Pour simplifier, j'ai raccourci au maximum le script.

Voici le genre de tableau que je veux obtenir.

<html><body>

<style type="text/css">
.puce-rouge {
text-align: left;
border: 1px solid #000;
background-color: red;
color: white;
}
</style>
<table width="450" border="0">
<tr>
<td colspan="2">
<div align="left" class="puce-rouge">
<li>
Texte 1 - ligne 1 <br>
     Texte 2 ligne 2
</li>
</div>
</td></tr>
<tr>
<td width="5">
<li>
</li></td>
<td >
<div>Texte 2 - Xxxx</div>
<!--</ul> -->
</td>
</tr>
</table>
<br>
<br>
<div align="center"> <a href="contact.php?param=value"><img src="images/etape-suivante2.jpg" alt="Cliquez ici pour connaître les détails" width="240" height="32" border="0" /></a><br>
<br>
</div></td>
</tr></td></tr>
</table>
</body>
</html>

Or, lorsque je rajoute la ligne
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
L'affichage n'est plus du tout le même. Sauriez-vous comment traduire le tableau dans les normes W3C ?

merci de votre aide.

Zecko
Zecko
Niveau 10
29 avril 2008 à 12:07:59

Comme je t'ai déjà dit, met-le sur pastebin stp. :noel: (en l'indentant si possible :ange: )

Casque-Ouille
Casque-Ouille
Niveau 10
29 avril 2008 à 12:34:40

http://pastebin.com/m280148b5

Par contre désolé, mais que signifie indenter ? :rouge:

deepblue
deepblue
Niveau 16
29 avril 2008 à 13:05:27

C'est pas le tableau le problemes, c'ets ce que tu mets dedans...

<br> -> <br />

<li>Texte 1 - ligne 1 <br />     Texte 2 ligne 2</li>
-> <ul><li>Texte 1 - ligne 1 <br />     Texte 2 ligne 2</li></ul>

<li></li> --> <ul><li></li></ul>

align="center"
-> css avec text-align:center;

http://wall.deblan.fr/1209467270/html/1/

Casque-Ouille
Casque-Ouille
Niveau 10
29 avril 2008 à 13:18:01

Merci pour l'aide. :)
J'étais justement arrivé à un résultat similaire avec la balise <ul>.
Mais serait-il possible de décaler les puces vers la gauche, histoire qu'elles viennent plus près de la bordure gauche du tableau ? :ange:

Un forumeur sympa m'a fait ceci :
http://1dragon.info/mec_jvcom_04.htm
J'étais justement en train d'essayer de décaler les puces vers la gauche.

deepblue
deepblue
Niveau 16
29 avril 2008 à 13:19:10

faut faire joujou avec les margin et paddind de ul et li

deepblue
deepblue
Niveau 16
29 avril 2008 à 13:19:22

padding*

Casque-Ouille
Casque-Ouille
Niveau 10
29 avril 2008 à 13:30:13

Effectivement c'était bien ça.
La personne sur le 15-18 a finalement réussi à m'obtenir le résultat que j'attendais :
http://1dragon.info/mec_jvcom_05.htm

En tout cas merci à tous, et bonne aprem. :ok:

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment