Foros del Web » Creando para Internet » CSS »

Quitar sombra abajo y arriba CSS

Estas en el tema de Quitar sombra abajo y arriba CSS en el foro de CSS en Foros del Web. Buenas Tardes gracias por leer mi post, al grano jeje tengo el siguiente inconveniente.... aca les dejo el codigo de la tabla Código HTML: <table ...
  #1 (permalink)  
Antiguo 16/04/2013, 17:26
 
Fecha de Ingreso: diciembre-2008
Ubicación: http://www.solucionesrios.tk/
Mensajes: 413
Antigüedad: 15 años, 4 meses
Puntos: 19
Busqueda Quitar sombra abajo y arriba CSS

Buenas Tardes gracias por leer mi post, al grano jeje tengo el siguiente inconveniente....



aca les dejo el codigo de la tabla

Código HTML:
<table align="center" height="300px" width="220px">
        <tr>
        <td class="links_menu"><a href="programs.html#p18" id="links_menu_link">Summer Camp 2013</a></td>
        </tr>
        <tr>
        <td class="links_menu"><a href="admission.html#a3" id="links_menu_link">Registration 2013-2014</a></td>
        </tr>
        <tr>
        <td class="links_menu"><a href="programs.html#p14" id="links_menu_link">Weekly Menu</a></td>
        </tr>
        <tr>
        <td class="links_menu"><a href="programs.html#p17" id="links_menu_link">Open House</a></td>
        </tr>
        <tr>
        <td class="links_menu"><a href="programs.html#p13"  id="links_menu_link">Calendar</a></td>
        </tr>
        <tr>
        <td class="links_menu"><a href="programs.html#p16" id="links_menu_link">Parent's Night Out</a></td>
        </tr>
        </table>
        </div>
        <p>&nbsp;</p>

        <table width="880" height="380" style="margin-left:50px"  cellspacing="0">
        <tr>
        	<td width="220" height="350" valign="top" class="medio_Cuadro1" align="justify">
            	<p align="left" class="style6">Passion for learning </p>
          		<p align="left" class="style6">&nbsp;</p>
          		
          		<p align="justify" class="style7">A Reggio Emilia  inspired philosophy, combined with a 21st century challenging curriculum, encourage the students to discover, connect, create, and excel. Children<br />
          		become protagonists of their own learning experiences.</p>
          		<p align="left" class="style6">&nbsp;</p>
          </td>
          <td>&nbsp;</td>
          <td width="220" height="350" valign="top" class="medio_Cuadro1" align="justify">
        	  	<p class="style6">Experiential  Schooling</p>
	    	  	<p class="style6">&nbsp;</p>
    	   	  	
    	      	<p align="justify"  class="style7">An experience is as powerful as its reflection. At Shelton Academy, we encourage our students to continuously learn through observation, inquiry, and interaction. Students can exceed the standards, learn at higher levels, and experience the joy of learning all at the same time.</p>
	          	<p class="style6">&nbsp; </p>
          </td>
          <td>&nbsp;</td>
          <td width="220" height="350" valign="top" class="medio_Cuadro1" align="justify">
	          <p class="style6">After School Matters</p>
    	      <p class="style6">&nbsp;</p>
      
	          <p  align="justify" class="style7">In staying true to our philosophy, Shelton Academy offers a broad spectrum of enriching after school activities, welcoming all students from various schools in our community. Art, physical fitness, music, and academics, among others, afford the children a ride range of choices for their needs and passions.</p>	
    	      <p class="style6">&nbsp;</p>
          </td>
          <td>&nbsp;</td>
          <td width="220" height="350" valign="top" class="medio_Cuadro1" align="justify">
    	    <p class="style6">News and Events</p>
	          <p class="style6">&nbsp;</p>
    	
        	  <p class="style7">Dear Parents:</p>
	          <p  align="justify" class="style7"><br />
    	      Welcome back! We want to wish you all a happy, healthy and safe 2013 full of love and the warmth of our loved ones.</p>
        	  <p class="style7">&nbsp;</p>
	          <p class="style7">Shelton Academy Picnic which will be taking place this Saturday, January 12 from 1:00 to 5:00.  We hope to see you and your families there this Saturday!</p>
          </td>
          <tr>
          	<td width="220" class="medio_Cuadro2">
            	<div id="icono1"></div><div id="bot1"><a href="aboutus.html">+ Read more..</a></div>
            </td>
            <td>&nbsp;</td>
            <td width="220" class="medio_Cuadro2">
            	<div id="icono2"></div><div id="bot2"><a href="ourschool.html">+ Read more..</a></div>
            </td>
            <td>&nbsp;</td>
            <td width="220" class="medio_Cuadro2">
            	<div id="icono3"></div><div id="bot3"><a href="programs.html#p6">+ Read more..</a></div>
            </td>
            <td>&nbsp;</td>
            <td width="220" class="medio_Cuadro2">
	            <div id="icono4"></div><div id="bot4"><a href="programs.html#p12">+ Read more..</a></div>
            </td>
          </tr>
        </tr>
        </table> 
Y el CSS

Código HTML:
.medio_Cuadro1 {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	padding: 5px;
	-moz-box-shadow: 3px 3px 4px #111;
    -webkit-box-shadow: 3px 3px 4px #111;
    box-shadow: 3px 3px 4px #111;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
}
.medio_Cuadro2 {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	padding: 5px;
	-moz-box-shadow: 3px 3px 4px #111;
    -webkit-box-shadow: 3px 3px 4px #111;
    box-shadow: 3px 3px 4px #111;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
}
__________________
http://www.solucionesrios.tk/

Visita mi Web!
  #2 (permalink)  
Antiguo 16/04/2013, 19:55
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Quitar sombra abajo y arriba CSS

elimina el box-shadow del css.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 16/04/2013, 20:28
 
Fecha de Ingreso: diciembre-2008
Ubicación: http://www.solucionesrios.tk/
Mensajes: 413
Antigüedad: 15 años, 4 meses
Puntos: 19
Respuesta: Quitar sombra abajo y arriba CSS

Pero me quedaria el efecto de la sombra? quiero la sombra, pero no la que señalo en la imagen
__________________
http://www.solucionesrios.tk/

Visita mi Web!
  #4 (permalink)  
Antiguo 16/04/2013, 21:09
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Quitar sombra abajo y arriba CSS

Prueba:

Código CSS:
Ver original
  1. box-shadow: 3px 0px 4px #111,  -3px 0px 4px #111;

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 16/04/2013, 22:56
 
Fecha de Ingreso: diciembre-2008
Ubicación: http://www.solucionesrios.tk/
Mensajes: 413
Antigüedad: 15 años, 4 meses
Puntos: 19
Respuesta: Quitar sombra abajo y arriba CSS

Quedo peor la cosa, la sombra mas extensa, solo quiero quitarla en la division de la tabla
__________________
http://www.solucionesrios.tk/

Visita mi Web!
  #6 (permalink)  
Antiguo 17/04/2013, 08:04
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Quitar sombra abajo y arriba CSS

Tienes online la web?
¿más extensa?
No entiendo por qué, ya que los valores son los mismos que estás mostrando, excepto en el top/bottom que no tiene valor.

http://jsfiddle.net/8Lg7u/12/embedded/result/

Muestra que estas haciendo exactamente.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 17/04/2013, 09:48
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Quitar sombra abajo y arriba CSS

Igual lo suyo es ajustar un poco más;

Código CSS:
Ver original
  1. box-shadow: 6px 0 4px -3px #111, -6px 0 4px -3px #111;
  #8 (permalink)  
Antiguo 17/04/2013, 09:49
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 13 años, 8 meses
Puntos: 14
Respuesta: Quitar sombra abajo y arriba CSS

Creo que te puede venir por dónde aplicas la clase...me explico según he visto en el código tienes una fila y dentro de ella todos los td, luego otra fila que abres para mostrar los botones de saber más...yo creo que tendrías que hacer todo el <td> incluyendo el botón de saber más dentro de él y aplicarle a ese td el efecto sombra
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"

Etiquetas: abajo, arriba, sombra
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 09:48.