[SOLVED] Usa Clases para darle clase... pero ¿Porque no aceptas mi clase?


#1

Buenas, saludos desde Melbourne Australia, en el comienzo del #AusGP 2016, mi problema es el siguiente:

estoy en esta leccion y estoy colocando el siguiente codigo en el CSS:

div {
display: inline-block;
margin-left: 5px;
height: 100px;
width: 100px;
border-radius: 100%;
border:2px solid black;

}
.familia{
border:2px dashed #0000FF;
}
.enemigo {
border:2px dashed #FF0000;
}
.amigo {
border:2px dashed #008000;
}

el error es: ¿Te acordaste de darle a tu clase .amigo un borde de valor 2px dashed #008000?, cuando se ve CLARAMENTE que he colocado correctamente el borde, si me pudieran ayudar se los agradecería mucho.


#2

Hi,

Can I please have the lesson link and your HTML code ..
Thanks


#3

https://www.codecademy.com/es/courses/web-beginner-en-Ue530/0/5

Using this HTML and CSS passes lesson 5 with no earlier lessons completed.

index.html

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Mi red social</title>
    </head>
    <body>
        <!--¡Agrega tu HTML a continuación!-->
        <div class="amigo"></div>
        <div class="amigo"></div>
        <div class="amigo"></div>
        <div class="familia"></div>
        <div class="familia"></div>
        <div class="familia"></div>
        <div class="enemigo"></div>
        <div class="enemigo"></div>
        <div class="enemigo"></div>
    </body>
</html>

stylesheet.css

/*Agrega tu CSS a continuación!*/

div {
    display: inline-block;
    margin-left: 5px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    border:2px solid black;
}
.amigo {
    border:2px dashed #008000;
}
.familia{
    border:2px dashed #0000FF;
}
.enemigo {
    border:2px dashed #FF0000;
}

#4

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Mi red social</title>
</head>
<body>
<div class="enemigo"> Hamilton </div>
<div class="amigo"> Rosberg </div>
<div class="familia"> Vettel </div>
<div class="amigo"> Maldonado </div>
</body>
</html>


#5

Nevermind, i'm fixed xD, Thanks anyway, i've very apreciated. see you soon.