Discussion :

[G33K69]

Bonjour,

Je "debute" dans le web.
Je souhaite mettre une image en titre de section et ceci en XHTML.
Après plusieurs heures de recherche, je ne trouve pas vraiment de solution.

Ca ne me prends ni l'image ni la taille.

Je vous met le code ça sera plus concret:

Code html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<h2article></h2article>
<hr>
<h3>Linux</h3>

Code css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
h2article {
		background-repeat: no-repeat;
		background-position:center center; 
		background-image: url('images/titre5.png');
		width: 500px;
		height: 49px;
		}

Rendu:
http://snowvinc.free.fr/index.php?page=Article


Merci d'avance pour toutes aides.

[Erwan31]

Bonjour,
l'élément <h2article> n'existe pas (voir la liste des éléments HTML4)

Si l'image apporte une information, celle-ci devrais se trouver dans le HTML (avec l'alternative textuelle correspondante au cas ou les images ne sont pas chargée pour une raison ou une autre ou que CSS est désactivé.
Considère que CSS et les images sont des surcouches optionnelles au contenu.

Exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h2><img stc="..." alt="Linux" height="100" width="100"></h2>

Toujours indiquer l'attribut alt (vide si l'image n'apporte pas d'infos) et les attributs de taille intrinsèques de l'image.

[G33K69]

Bonjour,

Tout d'abord merci de ta reponse.

Dans mon code html j'ai pu a d'autre moment créer d'autre balises (inexistente en html4) et qui était referencer dans du css avec des propriété et cela sans le moindre probleme.

Pour l'image dans le HTML ce n'est pas possible en xhtml strict.

[tzilliox]

Bonjour G33K69,

tu peux peut-être utiliser des balises HTML qui n'existe pas. Néanmoins, tu ne sais pas comment elles vont être interprêtées par les différents navigateurs. Ca va donc te décupler ton travail.

Saches que les class et les id sont fait pour pouvoir personnaliser ton code. Ainsi au lieu d'utiliser une balise "<h2article>", tu peux utiliser une balise h2 avec une classe artcile, comme ceci : "<h2 class='article'>"

ton code CSS devient :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
h2.article {
	background-repeat: no-repeat;
	background-position:center center; 
	background-image: url('images/titre5.png');
	width: 500px;
	height: 49px;
}

Est-ce que ça t'aide ?

Bonne journée,
Thomas.

[G33K69]

Yes ca marche merci.^^

[tzilliox]

Re G33K69,

C'est cool si ça te convient !

Bonne continuation,
Thomas.

[Erwan31]

Pour l'image dans le HTML ce n'est pas possible en xhtml strict.

Bien sûr que si, qu'est ce qui te fait dire ça?

[Macmillenium]

Dans mon code html j'ai pu a d'autre moment créer d'autre balises (inexistente en html4) et qui était referencer dans du css avec des propriété et cela sans le moindre probleme.

tu peux peut-être utiliser des balises HTML qui n'existe pas. Néanmoins, tu ne sais pas comment elles vont être interprêtées par les différents navigateurs. Ca va donc te décupler ton travail.

Non, tu ne peux pas.

Inventer ses propres éléments n'est pas autorisé si :

• Le document est défini par une DTD qui ne décrit pas les éléments inventés ;
• Le document est écrit avec un langage de balisage qui n'est pas défini par une DTD mais qui fournit la liste des éléments autorisés dans ses spécifications (le cas de HTML5).

En revanche, tu peux inventer tes éléments à conditions :

1. Utiliser XML ou XHTML servi en application/xhtml+xml ;
2. Et donc écrire ta propre DTD ou définir un schéma XML.

Maintenant pour le comportement des navigateurs, IE n'applique pas les styles aux éléments "inconnus", il faut passer par JavaScript pour les intégrer dans son DOM.

Une prise de tête pour pas grand chose