Dudas de Programación - Preguntas y respuestas recientes en CSS

Bienvenidos al foro Cascading Style Sheets (CSS)

Wed, 04 Jun 2025 08:47:11 +0000

Daros la bienvenida al foro sobre dudas con la creación y diseño de hojas de estilo Cascading Style Sheets (CSS).

Cómo puedo linkear un archivo html y uno css si están en carpetas diferentes?

Mon, 30 Nov 2020 10:53:45 +0000

Hola, acabo de empezar en esto de la programación y me gustaría que los estilos en css se aplicaran a la parte html, pero de manera en la que pueda visitar mi web desde cualquier dispositivo, ya que ahora mismo si mi pc no está con el host abierto, no puedo visitarla (el host no es problema), he mirado en numerosas páginas para informarme pero no encuentro respuesta, alguien me ayuda?

Gracias de antemano, os dejo la estructura de cómo lo tengo:

directorio/
├─ html/
   └─prueba.html
└─ css/
   └─ prueba.css

Usar el z-index para un submenú

Sun, 01 Nov 2020 12:24:47 +0000

Tengo que crear un submenú usando z-index en el CSS para un trabajo pero no termino de entender el como.

Aquí tengo lo que quiere que haga no quiero que me lo hagáis solo que me expliquéis como podría hacerlo

Problema con tamaño de la web (jquery , css, php , mysql)

Thu, 16 Apr 2020 18:56:40 +0000

Hola a todos, estoy diseñando una web en jquery mobile y tengo lo tipico, la cabecera, el contenido y el pie de pagina. todo funciona bien y esta conectado con php y mysql... El problema que tengo es de vistas, y es que cuando lo he estado probando en localhost va bien, y cuando uso google chrome en vista para moviles se ve bien..

ahora bien he subido todo al servidor y entro con www.dominio.com desde el movil se me ve todo un poco mas pequeño tanto desde moviles ios como con android.

Creo que tiene que ver con esto:
<meta name="viewport" content="width=device-width, initial-scale=1">

junto con esto:

  <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
  <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script

No se si alguien me podra echar una mano para que no se vea todo tan pequeño.

Gracias de antemano.

Respondido: EFECTO HOVER

Tue, 05 Nov 2019 13:50:30 +0000

Intenta inserter estas etiquetas en el Css para el estilo a ver si te funciona

<style>

img {

  opacity: 0.5;

  filter: alpha(opacity=50); /* For IE8 and earlier */

}

img:hover {

  opacity: 1.0;

  filter: alpha(opacity=100); /* For IE8 and earlier */

}

</style>

Añadiendo Icono con Background y Before

Sun, 27 Nov 2016 13:23:03 +0000

Hola amigos

Estoy intentando añadir un baclkground con un icono y que el texto este en linea , pero se desplaza hacia abajo.

Este es el Codigo que he puesto

.product-type_sheld:before{
content: '';
display:block;
width: 65px;
height: 30px;
background: url(../img/icon-sheld.png) no-repeat;
}

Como podeis ver hay un display block que es lo que esta deslazando al texto, pro el background solo se ve si esta block sino no se ve.

Os mando un ejemplo de como es el diseñ0 y el link de lo que estoy haciendo, muchas gracias

http://rogemateos.com/testkasperski/

¿Quien sabe oscurecer una imagen con css de forma personalizada?

Wed, 05 Oct 2016 12:52:06 +0000

Buenos dias! quisiera saber como oscurecer una imagen con css, es decir como colocar encima de la imagen un fondo negro pero transparente para que igual se vea la imagen, he utilizado grayscale() pero no es exactamente lo que quiero. gracias...

Respondido: por que pasa esto en chrome con las fuentes?

Wed, 29 Jun 2016 05:56:36 +0000

Hola:

En algunos navegadores la tipografía llega a cambiar de acuerdo a que se ajustan mejor unas de ellas y no todas, si quieres evitar este tipo de "problema" lo que puedes hacer es:

Eliminar datos de la caché
Eliminar las extensiones y habilitarlas poco a poco
Comprueba si esto sucede con tu perfil. algunas veces puede estar dañado tu mismo perfil

Espero que esta información te sea útil

Puedes verificar el tipo de tipografía que utiliza cada navegador y cambiarlo o ajustarlo a que reciba la tipografía que cada sitio tiene pre-definido

alineaciones con flexbox

Mon, 13 Jun 2016 22:04:46 +0000

Hola gente, alguien sabe alguna manera de hacer que el flexbox alinee los items algunos a la derecha y otros a la izquierda como se muestra en el ejemplo?

ya probé con float y no funciona con flex

lo mismo para llas propiedades left y right

el align-self funciona pero verticalmente.

Respondido: dividir un div

Mon, 13 Jun 2016 04:55:13 +0000

hola podrias intentar con esto

uno al lado del otro, y ambos dentro de un div contenedor.
Este es el codigo:

<div id="banner"><div id="col1"><img src="templates/test/images/image2.gif" width="150" height="58" border="0"/></div><div id="col2"><?php mosLoadModules ( 'top' ); ?> </div></div>

Luego, en el css, agregar esto:

#col1 { margin-left: -554px; height: 58px; width: 154px;}
#col2 { height: 45px; width: 600px; }

espero te sirva

saludos!!

Hola a todos como hago para que mi tabla .. se encoja juntamente con el div que esta de borde negro??

Fri, 19 Feb 2016 19:07:09 +0000

Respondido: Como hacer que mi footer quede siempre en la parte de abajo sin importar el contenido de mi página?

Fri, 19 Feb 2016 00:28:22 +0000

La mejor forma de hacer eso es con flexbox. Un ejemplo podria ser este:

Codigo HTML:

<main>
  <h1>Welcome to FlexWorld</h1>
<p>Flexbox is an incredible technology that allows us align and resize our boxes in new and fantastic ways, never before seen</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo asperiores provident laudantium, ea commodi, rerum nam veniam exercitationem dolor fugit quibusdam similique earum ipsam fugiat consectetur ab ratione illum harum quaerat, voluptates architecto inventore praesentium totam impedit. Illum labore ex hic, aspernatur sunt assumenda officiis praesentium maiores cumque quidem accusamus recusandae nesciunt, fugit, reiciendis non architecto quibusdam. Dignissimos reprehenderit animi, tempore dolore dolor ut excepturi, consequuntur expedita mollitia pariatur tempora et. Sequi cum molestias, ipsam id beatae, quidem. Similique, illum ducimus rerum atque praesentium illo odit quia ea commodi optio nisi quisquam facilis perspiciatis quaerat, et ad mollitia, neque voluptates.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi expedita esse, tempore numquam hic sunt voluptatem. Excepturi dolorem, voluptas error, nesciunt dolor laudantium odio officiis soluta natus corporis, consequuntur quas enim accusantium reprehenderit! Perferendis quisquam ab distinctio, rem necessitatibus voluptates a debitis atque iusto incidunt dolore laudantium eaque perspiciatis iste.</p>
</main>

<footer>
  © Flexbox Inc - 2015
</footer>

Codigo CSS:

* {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
  background: #f0f0f0;
}
main {
  padding: 1em;
}
h1 {
  color: steelblue;
}
footer {
  background: #111;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 1em;
  align-self: flex-end;
}

Este ejemplo lo tomé del curso de Flexbox del Canal de youtube de Escuela Digital.

Respondido: Necesito Css

Fri, 12 Feb 2016 06:39:58 +0000

Te comparto una guía completa sobre css http://www.creativosonline.org/blog/guia-completa-de-css3-en-pdf.html

Ahí puedes encontrar muchas propiedades y usarlas a tu gusto, espero haberte ayudado.

Respondido: Manual css

Fri, 29 Jan 2016 04:23:24 +0000

@jatg1410,

Gracias por el aporte. Muy interesante.

Se agradece la gente que colabora... :-)

propiedades de imagen con css en flash

Fri, 29 Jan 2016 04:00:34 +0000

Saludos amigos, necesito ayuda con un problema que no me deja concluir mi trabajo, estoy haciendo un banner en flash, el cual carga datos de texto e imagenes desde un archivo xml, el problema es que al cargar las imagenes no las escala al tamaño del movieclip donde las inserto, en otros foros solo me han sugerido que el tamaño de la imagen se la determine antes, pero el asunto es que este banner se va a conectar a un sistema, en el cual el usuario subirá la imagen, no importando el tamaño, por eso es importante que el flash o el xml la escale, la verdad no se mucho de xml, y no tengo idea de como asignarle esas propiedades y en el AS no pude hacerlo ya que la variable de donde importo la imagen es de tipo string, me imagino que por eso no la escala.

La idea es importar un css al flash, el cual asigne las propiedades de la imagen, pero no se como importarlo, alguien me puede ayudar???

por favor denme sugerencias de antemano se los agradezco

estilo a la flecha de un select

Fri, 29 Jan 2016 03:54:41 +0000

Me gustaría saber como puedo cambiar el estilo de la flecha de una etiqueta select de html. Muchas gracias.

Bienvenidos al foro Cascading Style Sheets (CSS)

Fri, 29 Jan 2016 03:51:37 +0000

Daros la bienvenida al foro sobre dudas con la creación y diseño de hojas de estilo Cascading Style Sheets (CSS).