Balise inline html

Résolu/Fermé

seo610 Messages postés 596 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 30 juin 2015 - 11 oct. 2010 à 19:43
seo610 Messages postés 596 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 30 juin 2015 - 15 oct. 2010 à 21:50

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

A voir également:

2 réponses

Réponse 1 / 2

faboons Messages postés 269 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 22 janvier 2024 50
11 oct. 2010 à 20:05

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.

Réponse 2 / 2

seo610 Messages postés 596 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 30 juin 2015 102
11 oct. 2010 à 20:12

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

faboons Messages postés 269 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 22 janvier 2024 50
11 oct. 2010 à 20:20

ç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.

seo610 Messages postés 596 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 30 juin 2015 102
11 oct. 2010 à 20:37

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

faboons Messages postés 269 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 22 janvier 2024 50
11 oct. 2010 à 20:42

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.

seo610 Messages postés 596 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 30 juin 2015 102
15 oct. 2010 à 21:50

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...

Discussions similaires

la balise <br> ou <br />

Balise </br>

Faire sauter 2 lignes avec br (CSS)

balise <br> HTML