PHPfrance

la communauté d'entraide francophone dédiée au PHP

positionné l'écriture sur une photo

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : positionné l'écriture sur une photo

Re: positionné l'écriture sur une photo

par LIMEHIT » 08 août 2012, 17:53

C'est d'utiliser les éléments <ul> et <li> et de mettre un background sur l'élément <li> 
<ul>
<li>Catégorie 1</li>
<li>Catégorie 2</li>
</ul>
Après, à toi d'éditer le design. Je t'aide un peu et je te laisse faire ;)
ul { margin: 0; padding: 0; list-style-type: none; height: 50px; line-height: 50px; }
li { border-right: 1px solid #FFF; float: left; display: inline; color: gray; font-weight: bold; font-size: 16px; background: #000 url(images/bt.png); }
li a { color: gray; }
li a, li a:hover { text-decoration: none; }
li:hover, li a:hover { background: #333; color: #FFF; }

positionné l'écriture sur une photo

par miiidooo19 » 18 juil. 2012, 10:43

bonjour à tous le monde

je souhaite créer un menu avec des images et sur ces images je souhaiterai positionnée les nom de chaque onglets ' Accueil, contact" ...

le code de mon menu est : 
<table>
					<tr>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>
						<td><img src="images/bt.png" /></td>

					</tr>
				</table>
comment rajouter maintenant les noms des onglets?

Merci d'avance