agregar dos opciones dentro de una clase

[Sofmundi]

tengo lo siguiente

Código:

.bottom{
    background-image:url(../imagenes/bottom.jpg);
    background-position:bottom;
    width:700px;
    height:auto;
    margin-bottom:auto;
    position:absolute;
	text-align:center;
    bottom:0px;
	left:300px;
	right:300px;
    z-index:1;
}

y otro mas

Código:

BODY {
	
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	text-align: center;
	vertical-align: baseline;
	display: table;
	height: 100%;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px; /*
	background-image:url(../Supervisor/Operaciones/Titulo.jpg); /* coloca la imagen en el fondo pero en mosaico
	background-position:center; /* la imagen no se muestra tanto en mosaico queda centrada */ 
  /*  background-color:#000000;*/
    background:url(../imagenes/body_bg.png) repeat 0 0
/*    background-image:url(../imagenes/body_bg2.png);
    background-repeat:repeat-x;  /* colocar imagen en fondo negro completa*/
	
}

como haria para incluir el primero dentro del segundo ? es que si copio despues de los corchetes del primer codigo se me vuelve una locura la pagina, gracias. o com hago para mostrar lo de arriba dentro del BODY gracias

[GAST0N]

no entiendo =S lo que queres hacer

[Sofmundi]

Iniciado por GAST0N

no entiendo =S lo que queres hacer

Quisiera incluir el primer codigo dentro del segundo digamos una subclass en un css. es que copio el primer codigo dentro del segundo no todo unas cosas no mas y se me descuadra todo

[ZoroRoronoa]

no debes de meter lo primero dentro del segundo, eso jamas se hace.

Código CSS:

BODY {
    
    font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #666666;
    text-align: center;
    vertical-align: baseline;
    display: table;
    height: 100%;
    width: 100%;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; /*
    background-image:url(../Supervisor/Operaciones/Titulo.jpg); /* coloca la imagen en el fondo pero en mosaico
    background-position:center; /* la imagen no se muestra tanto en mosaico queda centrada */ 
  /*  background-color:#000000;*/
    background:url(../imagenes/body_bg.png) repeat 0 0
/*    background-image:url(../imagenes/body_bg2.png);
    background-repeat:repeat-x;  /* colocar imagen en fondo negro completa*/
    
}
 
.bottom{
    background-image:url(../imagenes/bottom.jpg);
    background-position:bottom;
    width:700px;
    height:auto;
    margin-bottom:auto;
    position:absolute;
    text-align:center;
    bottom:0px;
    left:300px;
    right:300px;
    z-index:1;
}
 

Saludos.

[alexk]

Sofmundi no se entiende nada tu cuestion...
Te recomiendo una lectura en este sitio
http://librosweb.es/
y si quieres optimizar un poquito tu codigo CSS
http://www.cleancss.com/

[Sofmundi]

Lo que busco es hacer crear un tipo de barra en la parte de abajo de la web cosa que hace el .bottom, pero si sigo teniendolo asi siempre me va tocar llamar el .bottom en cada archivo.php pero si lo puedo colocar dentro del .BODY seria general y es lo que busco

[vgonga1986]

No has entendido la idea de CSS, el .bottom es una clase CSS, que aplicará la configuración que has puesto a cualquier tag HTML que tenga class="bottom", no puedes incluirlo dentro de la definición CSS de body.

Si lo que quieres es modular el pie de página en los diferentes archivos PHP, ya que veo que usas PHP, utiliza includes de PHP. Es decir, saca la parte en la que defines el pie de págnia a un fichero php externo y en todas las páginas haces un include al final para que te pegue el código. Pero esto no es CSS, es PHP.

Un saludo.

[Sofmundi]

Iniciado por vgonga1986

No has entendido la idea de CSS, el .bottom es una clase CSS, que aplicará la configuración que has puesto a cualquier tag HTML que tenga class="bottom", no puedes incluirlo dentro de la definición CSS de body.

Si lo que quieres es modular el pie de página en los diferentes archivos PHP, ya que veo que usas PHP, utiliza includes de PHP. Es decir, saca la parte en la que defines el pie de págnia a un fichero php externo y en todas las páginas haces un include al final para que te pegue el código. Pero esto no es CSS, es PHP.

Un saludo.

Vale buena respuesta en si entiendo que lo que busco en CSS no se puede, ahora hablando lo del include, te refieres en que al final de todo mi codigo, coloque un archivo asi
include (piedepagina.php)

[vgonga1986]

<?php include('piedepagina.php'); ?>

Esta sentencia copia el contenido de piedepagina.php a partir del lugar donde la hayas colocado, luego si sacas tu pie de página a este fichero y lo incluyes en todas las páginas, te ahorras un montón de copy+paste. Además, si luego necesitas hacer un cambio, no tienes más que hacerlo en un sitio y no en todos los documentos. Te aconsejo que lo utilices, siempre que tengas pensado usar PHP, tanto para el pie de página como para el título o menús, cualquier cosa que se vaya a repetir en varias páginas.

Un saludo y espero que te sirviera mi respuesta.

[Sofmundi]

Iniciado por vgonga1986

<?php include('piedepagina.php'); ?>

Esta sentencia copia el contenido de piedepagina.php a partir del lugar donde la hayas colocado, luego si sacas tu pie de página a este fichero y lo incluyes en todas las páginas, te ahorras un montón de copy+paste. Además, si luego necesitas hacer un cambio, no tienes más que hacerlo en un sitio y no en todos los documentos. Te aconsejo que lo utilices, siempre que tengas pensado usar PHP, tanto para el pie de página como para el título o menús, cualquier cosa que se vaya a repetir en varias páginas.

Un saludo y espero que te sirviera mi respuesta.

Gracias, si con eso me ahorro bastante tiempo

[Tedel]

Puedes mantener los estilos separados y llamar ambos a la vez para una clase o ID particular.

Ejemplo:

CSS:
p.alfa {color: #3d113d}
p.beta {text-align: right}

HTML:
<p class="alfa beta">cualquier cosa</p>

Resultado: --->

cualquier cosa

¿Responde esto a tu pregunta?