Modificarlo un poquito

Como podreis ver en la web que estoy creando (rediseñando la nueva http://www.eluniversodelperro.com/prueba/), he colocado fondos de color provisionales (quiero poner amarillos y/o marrones muy suaves para lo que aparece en verde y amarillo).

Estoy mirando y no se que tengo que modificar en la plantilla o css para conseguir que el color amarillo empiece como 2 px mas a la derecha para que asi tape completamente todo lo blanco, y cuadre con la cabecera y el footer.

Para ayudaros a visualizar als cosas, para colocar los colores, he utilizado background-color y el color que corresponde (yellow, green).

¿Se os ocurre el que tengo que modificar paa lograrlo?

Muchas gracias.

Pásame la porción de css que dá estilo a ese div que pusiste de amarillo.

Este es el trozo de codigo CSS al que le he aplicado el background color amarillo:

.art-content-layout
{
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
left: +2px;
background-color: yellow;
}

Yo creo que con este trozo solo sera necesario, de todas formas, si quieres te pongo todo el CSS.

Muchas gracias por tu ayuda, he probado a poner un top: +2px; o algo asi pero no funciona.

Un saludo

Yo probaría poniendo un position:absolute de la siguiente forma:

.art-content-layout
{
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important; 
  position:absolute;
  left: 2px;
  background-color: yellow;
} 

Cuando uso el position absolute lo que hago es ir tanteando, uso top, left, right hasta que me queda como yo quiero.

Saludos ;)

P.D: Al final ya te funcionó el código php de la búsqueda?

Si coloco position: absolute se descuadra todo, con position: relative, parece que queda mejor, pero al final he optado por quitar el position, darle un ancho un poco mas pequeño que el contenido actual (957px es el actual hasta las lineas azules) y centrarlo, pero no me lo hace.

El codigo que tengo ahora es este:

.art-content-layout
{ 
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  padding:0 !important;
border: none !important; 
width: 954px;
  left: 20;
  background-color: yellow; 
align: center;
} 

Lo del left no funciona, y centrarlo tampoco, si te fijas, coloca el amarillo encima de otra capa blanca (esa no la pongo amarilla poque queda muy mal), si consiguiera centrar esta capa layout-content, creo que se ajustaria bien sobre la otra y quedaria el mismo espacio a derecha y a izquierda que en el header y footer.


En cuanto a lo del PHP, resultaba ser algo muy facil, yo intentaba obtener los resultados con get_value (o algo asi), y tenia que hacerlo con include (ruta relativa); como al colocar el codigo PHP, me aparecia despues de lo de twiteer y tal, he optado por colocar el codigo fijo de la pagina busqueda en el PHP y solucionado.

Si quieres pasate por /prueba/adopcion/busqueda y veras como funciona (todavia no he incluido el contenido de esa pagina en el PHP).

PD: Puede ser que me explique un poco mal porque me resulta a veces dificil explicar las cosas hasta a mi.

Muchas gracias por toda tu ayuda, me esta ayudando un monton.

Un saludo

Lo de left: 20 no funciona porque al no tener la position absolute o relative pues no hace nada. El align center no existe.

Repito, usas position absolute y con left/right y top lo colocas a tu antojo donde quieras, no importa donde te aparezca la capa al poner posición absoluta, solamente tienes que ir probando con left/right y top hasta colocarlo donde quieras.

No pongo posicion absolute porque tammbien se me descuadran las hierbas inferiores y todo.

El codigo que he puesto es:

.art-content-layout
{
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  padding:0 !important;
  position: relative; 
border: none !important; 
width: 957px;
margin: 3px;
  background-color: #DDE18F; 
align: right;
}

Como ves, esta solucionado, ahora solo necesito saber en que parte de todas me falta introducir el codigo:

background-color: red;

para que en el footer (lo que falta) tambien me coloque el color que tengo en todo el texto.

Muchas gracias por toda tu ayuda.

Un saludo

Joder que follon........ ahora resulta que estaba mirando las cosas en IE y se veia bien (aunque mal otras cosas), limpio el historial de Firefox y menudo descuadre, me puedes echar una manilla pofa???

Es muy urgente, teniua la web terminada (solo estaba con retoques esteticos) y menuda ahora.

Muchas gracias por todo.

Todo es urgente en este foro :lol:

Haber, tienes dos hojas de estilo para ie:




Esas dos no las toques porque veo que en ie se ve bien. Lo que tienes es que modificar la hoja de estilo del resto de navegadores.

Lo del align:right estás seguro de que existe en css? Es que nunca lo vi, siempre uso un float.

Saludos

Ok, perdon pues con lo de urgente.

Las hojas de estilo de internet explorer esas que citas NUNCA las he modificado.

Todas las modificaciones que he realizado han sido en template.css (o generanl.css no recuerdo).

Ahora probare a cambiar lo de align a float y espermos que eso solucione el problema con Firefox.

Por cierto, se te ocurre algun script o algo que pueda poner en la plantilla de joomla (en HTML) para que me aparezca la especie de esquina publicitaria en la parte superior EN TODAS LAS PAGINAS (esto ultimo si que no es urgente, pero tambien necesario).

Muchas gracias por toda tu ayuda.

Un saludo

Ya esta solucionado, peo me sigue faltando una parte arriba en blanco que hay que cambiar de color, y parte del Footer.

Muchas gracias por todo

Un saludo

victor5atodogas escribió:
Por cierto, se te ocurre algun script o algo que pueda poner en la plantilla de joomla (en HTML) para que me aparezca la especie de esquina publicitaria en la parte superior EN TODAS LAS PAGINAS (esto ultimo si que no es urgente, pero tambien necesario).

No, la verdad que no sé cómo se hace eso. Sé que en flash se puede hacer, vamos lo vi hecho pero no probé a hacerlo :lol:

En cuanto a ese blanco, no sé qué capa tienes que modificar pero intuyo que debería ser una capa que engloba a todas las demas, yo le llamo container. No sé si te servirá de algo...

Saludos

El efecto de la publi se hace con JQuery y se explica en esta web:

http://www.dinvaders.com/efecto-con-jquery-y-css-despegar-la-esquina/, entonces lo añadire directamente al html de la plantilla y listo.

Lo de las capas yo tampoco se, sera cuestion de ir probando.

Muchas gracias por todo, un saludo

victor5atodogas escribió:El efecto de la publi se hace con JQuery y se explica en esta web:

http://www.dinvaders.com/efecto-con-jquery-y-css-despegar-la-esquina/, entonces lo añadire directamente al html de la plantilla y listo.

Gracias, directo a favoritos, me servirá algún día :)

Me laegro de que te guste, por si te interesa te dejo esta pagina en la que aparecen 150 efectos J-Query

http://www.webdesignshock.com/showcase/best-jquery-effects/

Un saludo

Gracias, a favoritos también :D

jo pues yo también digo gracias amigo
yo también la agrego a favoritos, esta útil la pagina xD

Me alegro mucho de que os guste, la verdad es que son tantos efectos, que hay que dedicarle un tiempo, y que seguro que mas de uno nos vendra bien.