Tema: Insertar HTML como un articulo, sin serlo
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 23/07/2009, 13:50
Avatar de carscx
carscx
 
Fecha de Ingreso: noviembre-2008
Mensajes: 227
Antigüedad: 16 años
Puntos: 10
Respuesta: Insertar HTML como un articulo, sin serlo
Buenas Larenz, gracias por la respuesta, mi codigo CSS es el siguiente

Código CSS: 
Ver original
  1. * { margin: 0px;
  2. padding: 0px; outline: 0;
  3. }
  4. body {
  5.     background-color: #FFF;
  6.     margin:20px;
  7. }
  8.  
  9. h3 {
  10.     color:#cc9900;
  11. }
  12. h2 {
  13.     font-size:12px;
  14.     font-family: Verdana;
  15. }
  16. a   {
  17.     text-decoration: none;
  18.     color:#006699;
  19. }
  20. a:hover {
  21.     text-decoration: underline;
  22.     display:block;
  23.     }
  24. #cabecera {
  25.     margin:0 auto;
  26.     position: left;
  27.     width:100%;
  28.     }
  29.     
  30. #principal ul li span {
  31.     color:#515151;
  32.     font-family: Trebuchet MS;
  33.     font-size: 9pt;
  34.     margin-left:5px;
  35. }
  36. p {
  37.     font-size: 9px;
  38.     font-family: Verdana;
  39.     color:#666;
  40. }
  41.  
  42. #principal {
  43.     margin:0 auto;
  44.     position: relative;
  45.     width:100%;
  46. }
  47.  
  48. #principal ul {
  49.     
  50. }
  51.  
  52. #principal li {
  53.     display:inline;
  54.     float:left;
  55.     margin: 5px;
  56.     padding: 5px;
  57.     background: #FFF;
  58.     width: 40%;
  59.     min-width: 190px;
  60. }
  61. #principal ul li img {
  62.     border:1px solid #EEE;
  63.   float:left;
  64.   margin-right:5px;
  65. }

Y el HTML el siguiente:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es" xml:lang="es-es">
  3.     <head>
  4.         <meta name="Ciudadanos" content="Pagina principal" />
  5.         <title>Ciudadanos</title>
  6.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7.         <link rel="stylesheet" type="text/css" href="estilo1.css" />
  8. </head>
  9.  
  10.     <body>
  11.         <div id="cabecera"><img src="ban-ciudadanos.png" alt="Ciudadanos" title="Ciudadanos" /></div>
  12.         <div id="principal">
  13.             <h3>Ciudadanos</h3>
  14.             <ul>
  15.             <li><a href="#" target="_parent"><img src="info-ico.png" alt="Información" title="Información" /><h2>Información</h2></a><p>Para los ciudadanos, pacientes, familiares</p></li>
  16.             <li><a href="#" target="_parent"><img src="centros-ico.jpg" alt="Centros y Servicios" title="Centros y Servicios" /><h2>Centros y Servicios</h2></a><p>Centros de salud</p></li>
  17.  
  18.             <li><a href="#" target="_parent"><img src="donaciones-ico.jpg" alt="Donaciones y trasplantes" title="Donaciones y trasplantes" /><h2>Donaciones y trasplantes</h2></a><p>Unidad Autonómica de Trasplantes</p></li>
  19.             <li><a href="#" target="_parent"><img src="#" alt="Epidemiología" title="Epidemiología" /><h2>Epidemiología</h2></a><p>Boletines e indicadores epidemiológicos</p></li>
  20.             <li><a href="#" target="_parent"><img src="tarjeta-ico.jpg" alt="Tarjeta sanitaria" title="Tarjeta sanitaria" /><h2>Tarjeta sanitaria</h2></a><p>Uso y caracteristicas de la Tarjeta sanitaria. Renovación de Tarjeta</p></li>
  21.             
  22.             </ul>
  23.         </div>

¿Lo que me quieres decir es que incruste el codigo CSS en su respectivo lugar?

Te agradeceria que me lo pudieses aclarar. Gracias de todas formas,

Saludos,
__________________
Frontend Developer
JS+HTML5+CSS3
Backend Developer
PHP+MySQL