image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

Ayuda CSS

Volver al foro | Responder | Añadir nuevo tema


De: Luis Eduardo
Fecha: 22/03/2009
Mensaje:

Hola buenas tardes, tengo un problema, ojala alguien me puede echar una mano.


Bueno sucede que estoy haciendo un sitio con Joomla! Y joomla! Trabaja con modulos, (se que no es un foro de joomla pero supongo que muchos ya tienen el gusto de conocerlo) bueno sucede lo siguiente:




Hay un grupo de divs así su atributo en el CSS dice lo siguiente

.spacer.w24.block {
width: 16.6%;


Lo que he visto en el firebug es que ambas utilizan el atributo spacer w24, entonces cuando la de abajo tiene 6 ocupados (que es como la tengo) la de arriba queda amontonada, es decir no se distribuye a lo largo de la pantalla.


Esta así
































Módulos de arriba


Con Contenido


Con Contenido

Con Contenido

Con Contenido


ESPACIO SIN USAR


Módulos de Abajo


Con Contenido

Con Contenido
Con Contenido
Con Contenido
Con Contenido
Con Contenido



Lo que yo quisiera es que suceda lo siguiente:

Módulos de arriba


Con Contenido

Con Contenido

Con Contenido

Con Contenido


Módulos de abajo


Con Contenido

Con Contenido
Con Contenido
Con Contenido
Con Contenido
Con Contenido



Supongo, desde mi lógica (porque en realidad no se css, apenas empiezo) seria distribuir las de arriba a un 25% y las de abajo dejarles así, el problema es que el w24 lo recoge de una variable que aun no identifico, por lo cual no puedo hacerlo, la otra que se me imagina seria que si hay algún atributo que ordene distribuir el espacio uniformemente cuando no se esta utilizando el espacio, así como yo quiero, ojala alguien me pueda ayudar.



De: Kakashi
Util para: 0 personas

Fecha: 14/08/2009
Mensaje:

Mira en Joomla puedes hacer que condicionalmente el te limpie los espacios si no los estas utilizando, preguntas si existe el modulo tal, y en dependencia de la respuesta tomas una accion o la otra, me explico mejor:
creas una variable (php) cualkiera y la inicializas en cualkier valor, luego de esto haces la condicional y diciendole que si no existe el modulo tal entonces el div que quieres agrandar tendra por id su nombre original mas el de la variable (lo concatenas), declarando claramente en el css un estilo para este nuevo div con su id modificado, espero hayas entendido, de lo contrario escribe de nuevo y te mando un ejemplo, te dejo mi correo por si acaso:
noelrd@cardiovc.sld.cu
Kakashi.



De: Sycton
Util para: 0 personas

Fecha: 26/11/2009
Mensaje:

Hola

Mira hace poco me hice un blog con wordpress y queria ponerle una barra de navegacion horizontal en la parte superior de la pagina, lo logre pero nose como hacer para que quede centrado y no hacia la izquerda

este es la plantilla del menu (barra de navegacion)

#menu {
background: #333;
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 10pt;
float: center;
list-style: none;
margin-left: 400;
width:900px;
height:33px;
}

#menu li {
float: center;
margin: 0;
padding: 0;
}

#menu a {
background: #333 url(images/seperator.gif) bottom right no-repeat;
color: #ccc;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}

#menu a:hover {
background: #2580a2 url(images/hover.gif) bottom center no-repeat;
color: #fff;
padding-bottom: 8px;
}





De: sebas
Util para: 0 personas

Fecha: 15/07/2010
Mensaje:

hola tengo un problemaa... me baje unas templates css, las modifique las deje como yo queria pero al moverlas o enviarlas de un lado a otro pierden todas las referencias de las imagenes y fonodos... puede ver q las imagenes estasn apuntadas a: ../../../blabla/xxxx.algo pero la nueva hubicacion no esa sino q otra, lo q no entiendo q significa ../../../ y como hago para q esas hubicaciones se actualicen automaticamente cuando las copio a otro lado o si quiero mandar el sitio a otro lado me siga andando sin tnees q estar en mi pc... se entendio?? gracias!




De: Josho
Util para: 0 personas

Fecha: 25/02/2011
Mensaje:

Hola, si me pueden ayudar. Quiero mandar el footer al fondo o sea debajo de una imagen flotante (gif animado). Con el header no tengo problema, pues la imagen pasa por encima y se ve bien. El "drama" viene cuando se desplaza por lado del footer y este tapa la imagen.
El archivo style.css contiene lo siguiente:

/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,

legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-sp

acing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font

-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font

-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup

{vertical-align:text-top;}sub

{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:

inherit;}legend{color:#000;}

body {font:13px/1.231

arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-f

amily:monospace;line-height:100%;}
/* CSS RESET */


body {
text-align:center;
color:#000;
}
a {
text-decoration:none;
color:#9b3535;
}
a:hover {
text-decoration: underline;
color: #CC0000
}
#wrap {
width:900px;
text-align:left;
margin:0 auto;
background:url(images/bg.jpg);
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}


/* header */
#header { position:relative;height:111px; background:url(images/hd.jpg); }

#logo {position:absolute; top:30px; left:80px}
#logo h1 {
font-size:34px;
color: #9B3535
}
#logo div {
padding-left:100px
}
#nav { position:absolute; top:35px; left:420px; background:url(images/nav.jpg);

width:451px;height:30px; line-height:30px; padding:0 0 0 20px }
#nav li {float:left; font-weight:700; width:80px; padding:0 5px }
#nav a {text-decoration:none; display:block; text-align:center; color:#fff}
#nav a:hover {background: #AA4479; color:#000000}
/* content */

.img { margin:0px 0 0 70px }
.main {width:440px; font-family:Verdana, Arial, Helvetica, sans-serif;

background:url(images/box.jpg); color:#000;}
#text {margin:0px 0 0 65px }
#text p {margin:0 auto; width:420px; }
#text h2 {font-size:30px; padding:20px 0 20px 0}
#text img {margin:10px 0 0 0}
#col {margin:30px 0 10px 65px ;width:300px; background:url(images/col.jpg); width: 419px;

height:161px ; }

#col div {width: 150px; margin: 20px 0 0 10px; display:inline}
#col .first {margin: 20px 30px 0 20px;}
#col li{line-height:20px; list-style:inside disc;color:#9b3535;}
#col a { color:#9b3535; text-decoration:underline;}
.side { width:320px;display: inline;}
.side h2 {font-size:22px}
.side li {line-height:20px; list-style:inside disc; color:#9b3535; }
.side ul {margin:20px 0 30px 20px}
#top {margin-top:20px}
/* footer */
#footer { background:url(images/ft.jpg); height:100px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:80px; color:#E98383}
#ftinner a {color:#FFFFFF}
.ftlink {width:500px;}

Desde ya muy agradecido y perdonen porque no entiendo mucho de los estilos.
Gracias a todos.



Volver al foro | Responder | Añadir nuevo tema


WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.