Foros del Web » Creando para Internet » CSS »

Ayuda sobre CSS

Estas en el tema de Ayuda sobre CSS en el foro de CSS en Foros del Web. Buenas,soy nuevo en esto de las webs y me gustaria que me ayudaran a completar este ejercicio: Hay que hacer una especie de tarjeta de ...
  #1 (permalink)  
Antiguo 31/01/2007, 17:33
 
Fecha de Ingreso: enero-2007
Mensajes: 2
Antigüedad: 10 años, 10 meses
Puntos: 0
Ayuda sobre CSS

Buenas,soy nuevo en esto de las webs y me gustaria que me ayudaran a completar este ejercicio:
Hay que hacer una especie de tarjeta de presentacion que incluya (con esta distribucion): la foto a la izquierda y los demas elementos (nombre,texto y link a la derecha de la foto)

NOMBRE

TEXTO
FOTO PERSONAL


LINK A PAGINA WEB

Espero que me podais ayudar.
Un saludo!
  #2 (permalink)  
Antiguo 31/01/2007, 21:13
Avatar de Ruben_JD  
Fecha de Ingreso: diciembre-2003
Ubicación: Quito-Ecuador
Mensajes: 218
Antigüedad: 14 años
Puntos: 7
Re: Ayuda sobre CSS

Prueba con este codigo que viene en el dreamweaver:
Código:
<style type="text/css">
body{
    font-family: Arial,sans-serif;
    color: #333333;
    line-height: 1.166;    
    margin: 0px;
    padding: 0px;
}

a:link, a:visited, a:hover {
    color: #006699;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 {
    font-family: Arial,sans-serif;
     font-size: 114%;
     color: #006699;
    margin: 0px;
    padding: 0px;
}
#content{
  float:right;
    width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
}
.feature{
    padding: 0px 0px 10px 10px;
    font-size: 80%;
}

.feature h3{
    padding: 30px 0px 5px 0px;
    text-align: center;
    margin: 0;
}

.feature img{
    float: left;
    padding: 0px 10px 0px 0px;
    margin: 0 5px 5px 0;
}
#breadCrumb{
    font-size: 80%;
    padding: 5px 0px 5px 10px;
}
#pageName{
    padding: 0px 0px 10px 10px;
}
</style>
Código HTML:
<div id="content"> 
  <h2 id="pageName">Page Name</h2> 
  <div class="feature"> 
    <img src="" alt="" width="180" height="100"> 
    <h3>Feature Title </h3> 
    <p> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
    Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
    nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
    Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
    Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
    mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
    litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
    Mauris magna eros, semper a, tempor et, rutrum et, tortor.
    </p> <div id="breadCrumb"> 
    <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> /
  </div>
  </div> 
 </div> 
__________________
RubénJ. Regresando al foro despues de un par de años. A preguntar más de las novedades del foro.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:40.