Comunidad de diseño web y desarrollo en internet online

problema con <ul>

Citar            
MensajeEscrito el 14 Oct 2005 05:21 pm
http://www.exitdesign.com/eneas/principal.php->SECCION EVENTOS (arriba)
Así tienen que aparecer en teoría, pero no lo consigo:

El código que utilizo es este: (ya se que no son clases, las pondré)

Código :

<div style="border-top: 1px dashed rgb(220, 220, 220); margin: 0pt; padding: 0pt;"> 
     <ul style="padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; text-align: left;"> 
         <li style="display: inline;"> 
            <ul style="margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside;"> 
               <li style="line-height: 13px;" class="arialRosa12">5 / 7 de Octubre 2005</li> 
               <li style="line-height: 13px;" class="arialGrisOscuroBold12">1st European Congress on Blood Conservation</li> 
               <li style="line-height: 13px;" class="arialGris12">Viena (Austria)</li> 
            </ul> 
          </li> 
          <li style="display: inline; width: 30px;">&nbsp;</li> 
          <li style="display: inline;"><a href="mailto:[email protected]" class="arialRosaOscuro11Link" target="blank">[email protected]</a></li> 
     </ul> 
  </div>

Mi idea era hacer una lista horizontal y el primer <li> de la lista lleva otra lista vertical con 3 lineas de texto, no se si es la mejor manera espero que me podáis ayudar.

Saludos!

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 14 Oct 2005 06:44 pm
El HTML:

Código :

   <ul class="eventos">
      <li class="titulo">21 / 23 de Noviembre 2005</li>
      <li class="sub">Primeras Jornadas Nacionales de Ictus en Atenci&oacute;n Primaria</li>
      <li class="lugar">Granada (Espa&ntilde;a)</li>
      <li class="link"><a href="mailto:[email protected]">[email protected]</a></li>
   </ul>


El CSS:

Código :

.eventos {
   width:460px;
   border:1px solid #999999;
   font-family:Arial, Helvetica, sans-serif;
   padding:4px;
   margin:2px;
   list-style:none;
   }
.eventos li {
   font-size:12px;
   margin:0;
   padding:0;
   }
.titulo {
   font-weight:bold;
   color:#CC657C;
   }
.sub {
   font-weight:bold;
   color:#000000;
   }
.lugar {
   font-size:12px;
   color:#999999;
   }
.link {
   text-align:right;
   }
.link a {
   color:#CC657C;
   text-decoration:none;
   }
.link a:hover {
   color:#FF3366;
   }


No necesariamente eso tiene que ser una lista.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 14 Oct 2005 08:47 pm
capt mahou, no es necesario duplicar posts.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.