Balise inline html

Résolu
seo610 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   -  
seo610 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   -
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

faboons Messages postés 275 Date d'inscription   Statut Membre Dernière intervention   50
 
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.
0
seo610 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   102
 
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
0
faboons Messages postés 275 Date d'inscription   Statut Membre Dernière intervention   50
 
ç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.
0
seo610 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   102
 
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
0
faboons Messages postés 275 Date d'inscription   Statut Membre Dernière intervention   50
 
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.
0
seo610 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   102
 
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...
0