Balise inline html

Résolu
Bonjour,
je cherche une balise inline html que je pourais faire ex:
<head>
<style type="text/css">
balise {width:20px;height:10px;}
</style></head>
<balise bgcolor="red"></balise>

je voudrais le rectangle 20x10 red s'affiche sans être oubliger de mettre du texte entre les <balise> et je veux pas avec td car je veux pas faire un tableau et il faut que le bgcolor s'applique à la balise.

merci

2 réponses

  1. Salut,

    Version courte :

    <html>
    <head>
    <style type="text/css"> 
    #balise {width:20px;height:10px;background-color:red;} 
    </style></head> 
    <body>
    <div id="balise"></div> 
    </body>
    </html>


    @ pluche.
    Fab.
    1. je veux la couleur dans la balise pas dans le head et les div ca fais des bloc je les voudrais un à coté de l'autre
      1. ça ne se fait plus d'utiliser bgcolor dans la balise.
        Il faut utiliser du CSS.

        Si tu veux absolument que ce soit dans la balise tu fais :

        <html>
        <head>
        <style type="text/css"> 
        #balise {width:20px;height:10px;} 
        </style></head> 
        <body>
        <div id="balise" style="background-color:red;"></div> 
        </body>
        </html>


        Et voilà c'est dans la balise mais c'est exactement la même chose

        Si tu veux éviter les blocs tu utilises span à la place de div ou dans le css tu utilises la propriété
        display:inline;


        @ pluche.
        Fab.
      2. ok
        <style>
        div {width: 20px; height: 10px; display: inline-block;}
        </style>
        <div style="background: #e7c0a7;"></div><div style="background: #ccc;">
        j'ai fais ca et ca marche parfaitement pour ce que je veux faire
      3. D'accord,

        Mais si tu utilises d'autres <div> dans ta page html elles mesureront aussi 20px par 10px et auront un display en inline, d'où l'utilité d'utiliser un ID comme dans mon exemple, quoique pour toi il vaudrait mieux créer une classe.
        Si tu avais dit dans ta question que tu voulais que chacun ait une couleur différente j'aurais compris pourquoi tu devais utiliser <style> dans la balise.

        @ pluche.
        fab.
      4. ouais, je voulais enfait faire un programme en C qui ferais un fichier.html qui aurais toute les couleurs html possible <div style="background: #abcdef;"></div>...
        où abcdef était des variables que je modifiais pour faire toute les couleurs possible et si j'aurais
        fait ça avec des classe ça l'aurais plus fini...
        bref mon fichier à la fin faisais environ 700mo et essayer de l'ouvrir a fait planter firefox...