Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Pandemia en 20 de Marzo 2016, 00:35
-
Buenas noches amigos aquí os dejo el ejercicio haber que os parece. gracias
saludos
<!DOCTYPE html>
<html lang="es">
<head>
<title>portal web aprenderaprogramar.com</title>
<meta charset="utf-8">
<style>
*{font-family: arial;}
div{
width: 360px;
height: 210px;
margin: 10px;
margin: 5px 20px;
border-style: solid;
border-color: red;
border-width: thin;
background-color: yellow;
text-align: center;
float: left;
}
#vcent{display: table;}
#vcent span {
display: table-cell;
vertical-align:middle;
}
</style>
</head>
<body>
<div id="vcent"><span>Linea de texto contenedor 1</span></div>
<div id="vcent"><span>Linea de texto contenedor 2</span></div>
</body>
</html>
Y ahora las preguntas....
Ejercicio CU01043D del curso CSS
a) ¿Cuántas cajas contenedoras hay? ¿Están identificadas por id o por class o por ninguno de ellos?
Respuesta:
Hay dos cajas contenedoras. Están identificadas por id.
b) Visualiza el resultado en al menos dos navegadores distintos. ¿Qué diferencias observas entre ambos? ¿A qué crees que se deben?
Respuesta:
Lo he visualizado en tres navegadores y en los tres el resultado es bueno, se ve igual en los tres se bien en firefox, crome
e internet explorer.
c) ¿Por qué el texto <<Línea de texto contenedor 2>> se muestra centrado verticalmente?
Respuesta:
porque en ese contenedor tiene el atributo vertical-aling: middle.
#vcent span { display: table-cell; vertical-align:middle;}
d) Modifica el código para que el texto <<Línea de texto contenedor 1>> se muestre centrado verticalmente.
Respuesta:
hay que poner en en html un atributo id en el contenedor vcent del contenedor 1.
<div id="vcent"><span>Linea de texto contenedor 1</span></div>
-
Hola!
Tienes el código HTML mal definido. Has repetido el atributo id="vcent".
El atributo id debe ser único en una página web, es decir, no puede haber dos elementos con el mismo id.
En este ejercicio no tenías que modificar el código, sólo responder las preguntas.
Saludos!
-
ok, tienes razón menudo fallo no me había fijado, cambie solo esa linea por la pregunta para que se viese claro.
gracias por todo.
Saludos.