28172 sujets

CSS et mise en forme, CSS3

Bonjour.

J'ai un petit problème pour la mise en place de la charte graphique sur un site que je suis en train de réaliser.

Grosso-modo je dois faire ça :

------------------ Espace Marques ---------------------

Logo marque A Logo marque B ....

--------------------------------------------------------

bref mes pointillets seront une ligne continue d'une largeur de 3 pixel.

Le soucis c'est que je ne sais pas vraiment pas comment faire pour placer mon texte "espace marques" par dessus ce trait sans faire un form bidon ou du positionnement en absolute.

Au niveau du code je suis libre de faire ce que je souhaite, mais je suis partie sur ça pour le moment :

<div class="logo-marques">
<div class="espace-marques">
<span>Espace Marques</span>
	<ul>
		<li>Marque 1</li>
		<li>Marque 2</li>
		<li>Marque 3</li>
		<li>Marque 4</li>
		<li>Marque 5</li>
	</ul>
</div>
</div>


Voilà quelqu'un aurait-il une solution à mon problème pour avoir un résultat propre et sémantiquement correct ?
Sinon un titre en surimpression d'un filet ça se gère ainsi:
<h2><span>Mon titre</span></h2>

Une image de fond (répétée en largeur) sur le H2, et une couleur de fond et un peu de padding sur le SPAN.