<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Dudas de Programación - Preguntas recientes en CSS</title>
<link>https://dudasprogramacion.com/questions/html/css</link>
<description>Powered by Question2Answer</description>
<item>
<title>Bienvenidos al foro Cascading Style Sheets (CSS)</title>
<link>https://dudasprogramacion.com/6780/bienvenidos-al-foro-cascading-style-sheets-css</link>
<description>Daros la bienvenida al foro sobre dudas con la creación y diseño de hojas de estilo Cascading Style Sheets (CSS).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/6780/bienvenidos-al-foro-cascading-style-sheets-css</guid>
<pubDate>Wed, 04 Jun 2025 08:47:11 +0000</pubDate>
</item>
<item>
<title>Cómo puedo linkear un archivo html y uno css si están en carpetas diferentes?</title>
<link>https://dudasprogramacion.com/2682/como-puedo-linkear-archivo-html-estan-carpetas-diferentes</link>
<description>&lt;p&gt;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&amp;nbsp;(el host no es problema), he mirado en numerosas páginas para informarme pero no encuentro respuesta, alguien me ayuda?&lt;/p&gt;&lt;p&gt;Gracias de antemano, os dejo la estructura de cómo lo tengo:&lt;/p&gt;&lt;pre class=&quot;php code&quot; style=&quot;box-sizing: border-box; font-family: SFMono-Regular, Menlo, Monaco, Consolas, &amp;quot;Liberation Mono&amp;quot;, &amp;quot;Courier New&amp;quot;, monospace; font-size: 14px; margin-top: 1em; margin-bottom: 1em; overflow: auto; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(36, 41, 46); word-break: break-all; border: none; border-radius: 0px; line-height: 2; padding: 15px;&quot;&gt;directorio&lt;span style=&quot;box-sizing:border-box&quot; class=&quot;sy0&quot;&gt;/&lt;/span&gt;
├─ html&lt;span style=&quot;box-sizing:border-box&quot; class=&quot;sy0&quot;&gt;/&lt;/span&gt;
   └─prueba&lt;span style=&quot;box-sizing:border-box&quot; class=&quot;sy0&quot;&gt;.html&lt;/span&gt;
└─ css&lt;span style=&quot;box-sizing:border-box&quot; class=&quot;sy0&quot;&gt;/&lt;/span&gt;
   └─ prueba&lt;span style=&quot;box-sizing:border-box&quot; class=&quot;sy0&quot;&gt;.&lt;/span&gt;css&lt;/pre&gt;</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/2682/como-puedo-linkear-archivo-html-estan-carpetas-diferentes</guid>
<pubDate>Mon, 30 Nov 2020 10:53:45 +0000</pubDate>
</item>
<item>
<title>Usar el z-index para un submenú</title>
<link>https://dudasprogramacion.com/2662/usar-el-z-index-para-un-submenu</link>
<description>&lt;p&gt;Tengo que crear un submenú&amp;nbsp;usando z-index en el CSS para un trabajo pero no termino de entender el como.&lt;/p&gt;&lt;p&gt;&lt;a rel=&quot;nofollow&quot; href=&quot;https://drive.google.com/drive/folders/1QJ8obuDJInHdIuOZqQ7-wm-z7k493NCx?usp=sharing&quot;&gt;Aquí tengo lo que quiere que haga&lt;/a&gt;&amp;nbsp;no quiero que me lo hagáis solo que me expliquéis como podría hacerlo&amp;nbsp;&lt;/p&gt;</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/2662/usar-el-z-index-para-un-submenu</guid>
<pubDate>Sun, 01 Nov 2020 12:24:47 +0000</pubDate>
</item>
<item>
<title>Problema con tamaño de la web (jquery , css, php , mysql)</title>
<link>https://dudasprogramacion.com/2374/problema-con-tamano-de-la-web-jquery-css-php-mysql</link>
<description>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 &amp;nbsp;va bien, y cuando uso google chrome en vista para moviles se ve bien..&lt;br /&gt;
&lt;br /&gt;
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.&lt;br /&gt;
&lt;br /&gt;
Creo que tiene que ver con esto:&lt;br /&gt;
&amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
junto con esto:&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;css/themes/jquery.mobile.icons.min.css&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;&lt;a href=&quot;http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css&amp;quot;&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css&amp;quot;&lt;/a&gt; /&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;lt;script src=&amp;quot;&lt;a href=&quot;http://code.jquery.com/jquery-1.11.1.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://code.jquery.com/jquery-1.11.1.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/a&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;lt;script src=&amp;quot;&lt;a href=&quot;http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js&amp;quot;&amp;gt;&amp;lt;/script&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js&amp;quot;&amp;gt;&amp;lt;/script&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
No se si alguien me podra echar una mano para que no se vea todo tan pequeño.&lt;br /&gt;
&lt;br /&gt;
Gracias de antemano.</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/2374/problema-con-tamano-de-la-web-jquery-css-php-mysql</guid>
<pubDate>Thu, 16 Apr 2020 18:56:40 +0000</pubDate>
</item>
<item>
<title>EFECTO HOVER</title>
<link>https://dudasprogramacion.com/2283/efecto-hover</link>
<description>Hola, soy nueva en el mundo de la programación y me surgen muchas dudas que a priori, me parecen sencillas, cuestión de pequeños detalles que no soy capaz de resolver...&lt;br /&gt;
&lt;br /&gt;
¿Podríais ayudarme?&lt;br /&gt;
&lt;br /&gt;
Estoy haciendo una galería dónde cada imagen tiene un enlace a una url de la misma web, hasta aquí bien, pero no consigo aplicar el efecto hover (opacidad) a las imágenes. Este es el código de una imagen:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;wp-block-image&amp;quot;&amp;gt;&amp;lt;figure class=&amp;quot;alignleft is-resized&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;&lt;a href=&quot;http://x.es/work/gallery/x/&amp;quot;&amp;gt;&amp;lt;img&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://x.es/work/gallery/x/&amp;quot;&amp;gt;&amp;lt;img&lt;/a&gt; src=&amp;quot;&lt;a href=&quot;http://x.es/wp-content/uploads/2019/11/x.png&amp;quot;&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://x.es/wp-content/uploads/2019/11/x.png&amp;quot;&lt;/a&gt; alt=&amp;quot;&amp;quot; class=&amp;quot;wp-image-754&amp;quot; width=&amp;quot;350&amp;quot; height=&amp;quot;292&amp;quot;/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/figure&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Y este efecto es el que quiero aplicar pero no se dónde debe ir y no estoy segura si es correcto:,&lt;br /&gt;
&lt;br /&gt;
.imagen:hover {filter: opacity(.5);}&lt;br /&gt;
&lt;br /&gt;
Mil gracias</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/2283/efecto-hover</guid>
<pubDate>Sat, 02 Nov 2019 09:24:27 +0000</pubDate>
</item>
<item>
<title>Añadiendo Icono con Background y Before</title>
<link>https://dudasprogramacion.com/1949/anadiendo-icono-con-background-y-before</link>
<description>&lt;p&gt;Hola amigos&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Estoy intentando añadir un baclkground con un icono y que el texto este en linea , pero se desplaza hacia abajo.&lt;/p&gt;&lt;p&gt;Este es el Codigo que he puesto&amp;nbsp;&lt;/p&gt;&lt;p&gt;.product-type_sheld:before{&lt;br&gt;&amp;nbsp;content: &#039;&#039;;&lt;br&gt;&amp;nbsp; &amp;nbsp; display:block;&lt;br&gt;&amp;nbsp; &amp;nbsp; width: 65px;&lt;br&gt;&amp;nbsp; &amp;nbsp; height: 30px;&lt;br&gt;&amp;nbsp; &amp;nbsp; background: url(../img/icon-sheld.png) no-repeat;&lt;br&gt;&amp;nbsp;}&lt;/p&gt;&lt;p&gt;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.&lt;/p&gt;&lt;p&gt;Os mando un ejemplo de como es el diseñ0 y el link de lo que estoy haciendo, muchas gracias&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://rogemateos.com/testkasperski/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://rogemateos.com/testkasperski/&lt;/a&gt;&lt;img alt=&quot;&quot; src=&quot;https://dl.dropboxusercontent.com/u/14407746/Screen%20Shot%202016-11-27%20at%2014.18.39.png&quot;&gt;&lt;/p&gt;</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1949/anadiendo-icono-con-background-y-before</guid>
<pubDate>Sun, 27 Nov 2016 13:23:03 +0000</pubDate>
</item>
<item>
<title>¿Quien sabe oscurecer una imagen con css de forma personalizada?</title>
<link>https://dudasprogramacion.com/1925/quien-sabe-oscurecer-una-imagen-con-css-forma-personalizada</link>
<description>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...</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1925/quien-sabe-oscurecer-una-imagen-con-css-forma-personalizada</guid>
<pubDate>Wed, 05 Oct 2016 12:52:06 +0000</pubDate>
</item>
<item>
<title>por que pasa esto en chrome con las fuentes?</title>
<link>https://dudasprogramacion.com/1753/por-que-pasa-esto-en-chrome-con-las-fuentes</link>
<description>&lt;p&gt;aquí les dejo una captura de pantalla de la fuente open sans mostrada en &lt;strong&gt;firefox &lt;/strong&gt;y &lt;strong&gt;chrome&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color:#008000&quot;&gt;se obserba correctamente en firefox&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color:#B22222&quot;&gt;en chrome se ven correctamente los valores de font-weight en la tipografía &lt;strong&gt;italic&lt;/strong&gt;&lt;br&gt;en las tipografías &lt;strong&gt;normales &lt;/strong&gt;no varía el tamaño: las de &lt;strong&gt;300 y 400,&lt;/strong&gt; se ven del mismo grosor&lt;br&gt;las de &lt;strong&gt;600, 700 y 800&lt;/strong&gt; se ven con el mismo grosor también.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;a ustedes les sucede lo mismo?&lt;/p&gt;&lt;p&gt;&lt;img alt=&quot;&quot; src=&quot;http://www.subirimagenes.com/imagedata.php?url=http://s2.subirimagenes.com/otros/9604385sin-ttulo2.jpg&quot; style=&quot;height:993px; width:924px&quot;&gt;&lt;/p&gt;</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1753/por-que-pasa-esto-en-chrome-con-las-fuentes</guid>
<pubDate>Tue, 14 Jun 2016 00:25:37 +0000</pubDate>
</item>
<item>
<title>alineaciones con flexbox</title>
<link>https://dudasprogramacion.com/1752/alineaciones-con-flexbox</link>
<description>&lt;p&gt;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?&lt;/p&gt;&lt;p&gt;ya probé con float y no funciona con flex&lt;/p&gt;&lt;p&gt;lo mismo para llas propiedades left y right&lt;/p&gt;&lt;p&gt;el align-self funciona pero verticalmente.&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;img alt=&quot;&quot; src=&quot;http://www.subirimagenes.com/imagedata.php?url=http://s2.subirimagenes.com/fotos/9604299flez-alineacin01.jpg&quot; style=&quot;height:318px; width:558px&quot;&gt;&lt;/p&gt;</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1752/alineaciones-con-flexbox</guid>
<pubDate>Mon, 13 Jun 2016 22:04:46 +0000</pubDate>
</item>
<item>
<title>Hola a todos como hago para que mi tabla .. se encoja juntamente con el div que esta de borde negro??</title>
<link>https://dudasprogramacion.com/1536/hola-todos-como-hago-para-tabla-encoja-juntamente-borde-negro</link>
<description>&lt;p&gt;&lt;img alt=&quot;&quot; src=&quot;denied:C:\Users\JOSHUA\Music\Downloads/miproblem.jpg&quot;&gt;&lt;/p&gt;</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1536/hola-todos-como-hago-para-tabla-encoja-juntamente-borde-negro</guid>
<pubDate>Fri, 19 Feb 2016 19:07:09 +0000</pubDate>
</item>
<item>
<title>Como hacer que mi footer quede siempre en la parte de abajo sin importar el contenido de mi página?</title>
<link>https://dudasprogramacion.com/1481/hacer-footer-quede-siempre-parte-importar-contenido-pagina</link>
<description>Hola amigos del foro, como mi pregunta indica me gustaría saber si conocen algún metodo para hacer que el footer siempre permanezca abajo sin importar el contenido en la página, he probado de muchas maneras distintas y cuando creo haber conseguido el objetivo, me muevo a otra parte de mi página y el footer no deja ver el resto del contenido, espero hacerme enteder, agradecería mucho que pudieran darme algún consejo acerca de esto o si pueden brindarme ayuda con algún tutorial con el que pueda resolver mi problema, muchas gracias de antemano, saludos.</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/1481/hacer-footer-quede-siempre-parte-importar-contenido-pagina</guid>
<pubDate>Thu, 11 Feb 2016 16:51:23 +0000</pubDate>
</item>
<item>
<title>Necesito Css</title>
<link>https://dudasprogramacion.com/611/necesito-css</link>
<description>Hola alguien que me pueda pasar algunos par de css por favor </description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/611/necesito-css</guid>
<pubDate>Fri, 29 Jan 2016 04:15:00 +0000</pubDate>
</item>
<item>
<title>propiedades de imagen con css en flash</title>
<link>https://dudasprogramacion.com/237/propiedades-de-imagen-con-css-en-flash</link>
<description>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.&lt;br /&gt;
&lt;br /&gt;
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???&lt;br /&gt;
&lt;br /&gt;
por favor denme sugerencias de antemano se los agradezco&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/237/propiedades-de-imagen-con-css-en-flash</guid>
<pubDate>Fri, 29 Jan 2016 04:00:34 +0000</pubDate>
</item>
<item>
<title>dividir un div</title>
<link>https://dudasprogramacion.com/151/dividir-un-div</link>
<description>Hola, &lt;br /&gt;
&lt;br /&gt;
estoy haciendo un diseño sin tablas siguiendo este ejemplo. Funciona perfectamente y ya lo tengo casi acabo, excepto por un detalle: en el encabezado meto algo de código php, y quisiera que ese encabezado estuviera divido en 2 columnas, de tal manera de poder poner una imagen a la izquierda, y el php a la derecha. &lt;br /&gt;
&lt;br /&gt;
Resumiendo, sería como partir en 2 el &amp;quot;div&amp;quot;. &lt;br /&gt;
&lt;br /&gt;
Alguien me puede decir como hacerlo ?? Por mas que intento la imagen siempre me sale encima del php, y he probado metiendo float: left en varias partes, y sigo sin saber hacerlo :(&lt;br /&gt;
&lt;br /&gt;
Gracias !&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/151/dividir-un-div</guid>
<pubDate>Fri, 29 Jan 2016 03:57:15 +0000</pubDate>
</item>
<item>
<title>Manual css</title>
<link>https://dudasprogramacion.com/96/manual-css</link>
<description>He encontrado este sitio que tiene, entre otros, un buen manual de css:&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://sibucsc.cl/~miguelinux/docs/PDF/Libros/?C=M;O=D&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://sibucsc.cl/~miguelinux/docs/PDF/Libros/?C=M;O=D&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/96/manual-css</guid>
<pubDate>Fri, 29 Jan 2016 03:55:07 +0000</pubDate>
</item>
<item>
<title>estilo a la flecha de un select</title>
<link>https://dudasprogramacion.com/85/estilo-a-la-flecha-de-un-select</link>
<description>Me gustaría saber como puedo cambiar el estilo de la flecha de una etiqueta select de html. Muchas gracias.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/85/estilo-a-la-flecha-de-un-select</guid>
<pubDate>Fri, 29 Jan 2016 03:54:41 +0000</pubDate>
</item>
<item>
<title>Bienvenidos al foro Cascading Style Sheets (CSS)</title>
<link>https://dudasprogramacion.com/6/bienvenidos-al-foro-cascading-style-sheets-css</link>
<description>Daros la bienvenida al foro sobre dudas con la creación y diseño de hojas de estilo Cascading Style Sheets (CSS).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
</description>
<category>CSS</category>
<guid isPermaLink="true">https://dudasprogramacion.com/6/bienvenidos-al-foro-cascading-style-sheets-css</guid>
<pubDate>Fri, 29 Jan 2016 03:51:37 +0000</pubDate>
</item>
</channel>
</rss>