Tema: Como poner texto debajo de la imagen
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/05/2010, 13:16
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 2 meses
Puntos: 20
Como poner texto debajo de la imagen
Buenas,

No consigo poner un texto de bajo de cada imagen, son 4 imagenes que estan puestas de forma horizontal, y mi intención es poner un texto debajo de cada una de ellas.

Podéis ver el ejemplo en el siguiente enlace

http://fdw.neodani.com/fotos_en_linea/ejemplo.php

He probado agregando etiquetas <p> o <span> pero no he conseguido el objetivo deseado.

Dejo también el código:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Fotos en linea</title>
  6. <style type="text/css">
  7. body {
  8.     background:#fff;
  9.     font-family:Verdana, Arial, Helvetica, sans-serif;
  10.     color:black;
  11. }
  12.  
  13. #intro-web{
  14.     width: 900px;
  15.     height:135px;
  16. }
  17. #intro-web ul{
  18.     padding: 0px;
  19.     margin: 30px 10px;
  20.     list-style: none;
  21.     font-size: 14px;
  22.     font-weight: bold;
  23.     float: left;
  24. }
  25. #intro-web ul li{display: inline;width:100px;}
  26.  
  27. #intro-web ul li span{
  28. display:block;
  29. }
  30. </style>
  31. </head>
  32.  
  33. <body>
  34. <div id="intro-web">
  35.     <ul>
  36.         <li><img title="Business" src="recuadro.png"/>Business</li>
  37.  
  38.         <li><img title="Education" src="recuadro.png"/>Education</li>
  39.         <li><img title="Sport" src="recuadro.png"/>Sport</li>
  40.         <li><img title="Health Care" src="recuadro.png"/>Health Care</li>
  41.     </ul>
  42. </div>
  43. </body>
  44.  
  45. </html>

Podéis echarme una mano?

Muchas gracias de antemano!