181
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:curso CSS con HTML propiedad position css mostrar mensaje fijo pantalla CU01032D
« en: 04 de Marzo 2016, 10:56 »
Buenos días Pandemia
A la hora de plantear el código CSS debes tener en cuenta que cuando varios elementos comparten un mismo estilo, la definición de estilos debe hacerse de forma conjunta para evitar la repetición.
Por ejemplo, si los elementos con id a, b y c son de 300 píxeles de ancho debemos escribir:
#a, #b, #c {width: 300px;}
De este modo evitamos las repeticiones como
#a {width: 300px;}
#b {width: 300px;}
#c {width: 300px;}
Como ves de este modo nos ahorramos muchas líneas y muchas repeticiones.
Sería conveniente que modificaras el código del ejercicio 1 teniendo esto en cuenta
El ejercicio 2 está correcto
En el ejercicio 3 se produce un efecto extraño. Al definir una altura para el elemento con id parrafo_2
Si el texto excede la altura disponible, se ve la caja de altura 300px con el borde verde punteado y el texto sin embargo se sale de la caja (porque la altura no es suficiente).
Para evitar que ocurra esto, normalmente no se definen valores heigth, de este modo la altura será la necesaria automáticamente evitando que ocurran efectos como el que he descrito.
Saludos
A la hora de plantear el código CSS debes tener en cuenta que cuando varios elementos comparten un mismo estilo, la definición de estilos debe hacerse de forma conjunta para evitar la repetición.
Por ejemplo, si los elementos con id a, b y c son de 300 píxeles de ancho debemos escribir:
#a, #b, #c {width: 300px;}
De este modo evitamos las repeticiones como
#a {width: 300px;}
#b {width: 300px;}
#c {width: 300px;}
Como ves de este modo nos ahorramos muchas líneas y muchas repeticiones.
Sería conveniente que modificaras el código del ejercicio 1 teniendo esto en cuenta
El ejercicio 2 está correcto
En el ejercicio 3 se produce un efecto extraño. Al definir una altura para el elemento con id parrafo_2
Código: [Seleccionar]
#parrafo_2{
width:900px;
height: 300px;
border-style: dashed;
border-color: green;
border-width: 4px;
}
Si el texto excede la altura disponible, se ve la caja de altura 300px con el borde verde punteado y el texto sin embargo se sale de la caja (porque la altura no es suficiente).
Para evitar que ocurra esto, normalmente no se definen valores heigth, de este modo la altura será la necesaria automáticamente evitando que ocurran efectos como el que he descrito.
Saludos