Fondo en CSS y algunas preguntas

Federic0 · #1 (**permalink**) 11/04/2008, 17:31

Hola,

Gente, para que el site cargue más rápido y utilizar menos transferencia en el servidor, estoy empezando de nuevo la web poniendo la fuente, links y demás en un archivo "estilos.css" .

¿Como hago para poner la imagen de fondo? En el archivo estilos.css digamos...

Y otra cosa, me dicen si está bien lo que estoy haciendo? Por favor, así no hago todo de nuevo al pedo. Estoy probando en www.quebebota.com/es/ y el archivo de estilos es www.quebebota.com/es/css/estilos.css

Se podrían fijar si estoy haciendo las cosas bien ??

Saludos!

Federic0 · #2 (**permalink**) 11/04/2008, 17:40

El problema del fondo creo que ya lo solucioné, ahora quisiera saber si estoy haciendo bien lo de www.quebebota.com/es/css/estilos.css , y poniendolo bien en www.quebebota.com/es/

Gracias desde ya!

Nietzsche · #3 (**permalink**) 12/04/2008, 03:32

Hola,
en principio yo no veo nada mal.

La hoja de estilos es correcta.

Mikmoro · #4 (**permalink**) 12/04/2008, 16:15

Pues mi opinión:

1.- declaras dos veces el selector body, una en mayúsculas y otra en minúsculas.
2.- No necesitas abrir <style> y cerrar </style> para los distintos bloques de código.
3.- Tienes dos veces seguidas cerrado </style></style>, con una sóla abierta.

Mikel.

Federic0 · #5 (**permalink**) 14/04/2008, 10:40

gracias por los consejos.

Una consulta, en IE se ven los estilos, pero en Firefox no, no aparece ningún estilo, los links en azul y demás, ¿como lo soluciono?

Abrazo

Federic0 · #6 (**permalink**) 14/04/2008, 16:17

nadie sabe q puede ser?

Mikmoro · #7 (**permalink**) 14/04/2008, 16:53

Pues bueno, yo no veo que hayas hecho las correcciones que te comenté.

Esta es tu misma hoja de estilo ordenada y mucho más económica:

Cita:

body { background-image: url(/fondo.gif);
scrollbar-face-color: #FFC6E2;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #FFDDEE;
scrollbar-arrow-color: #000000;
}
p { color: black; font-family: Trebuchet MS;
}

a:link, a:visited, a:hover, a:active{text-decoration:none;
color: #000000;
}
a:hover {
color: #FF77BB;
}
a:active {
color: #FF77BB;
}
.Estilo2 {
color: #FFFFFF;
font-size: 11px;
}
.Estilo3 {font-family: "Trebuchet MS"}

Pruébala a ver si todo va bien. Puede que al ponerla correctamente algo no vaya como querías, pero yo te recomiendo que lo que sea lo corrijas sobre esta, que te debería funcinar bien.

Mikel.

DragonX · #8 (**permalink**) 14/04/2008, 18:18

y bue....el que sabe, sabe

Federic0 · #9 (**permalink**) 15/04/2008, 10:13

Hola,

Si, no pude actualizarla aún, ahora mismo voy a subir la hoja de estilo que me pasaste vos, muchísimas gracias.

Y voy a probar si anda en firefox, debería andar ahi también no?

Ahora pruebo y les comento, muchas gracias

Federic0 · #10 (**permalink**) 15/04/2008, 10:21

Ya realicé los cambios en la hoja de estilo, pero en Firefox no aparece la fuente Trebuchet MS que puse en la hoja de estilo.

Tengo que agregar algo en la página que quiero que aparezca dicha fuente ? Es decir, en el texto.

Lo demás funciona todo joya,

Un abrazo.

Mikmoro · #11 (**permalink**) 15/04/2008, 10:25

Yo veo el estilo idéntico en FF y en IE6, y juraría que es una times new roman.

Cuando el nombre de una fuente es compuesto, como Trebuchet MS, debe ir entre comillas. Fui yo el que te lo puse mal.

Mikel.

Federic0 · #12 (**permalink**) 15/04/2008, 10:40

Si, yo en Firefox también la veo en times new roman, pero en IE 7 la veo bien, en Trebuchet MS como está en la hoja de estilos.

Ya agregué las comillas pero sigue igual.

Mirá, aca te dejo dos screen:

IE7 - Como debería aparecer

Firefox - Necesito cambiarla a Trebuchet

Sabes que puede ser el problema?

Abrazo

Mikmoro · #13 (**permalink**) 15/04/2008, 11:02

Has metido tanto en la magen que la definición de la letra es horrible y no se ve bien. ¿Por casualidad estás haciendo publicidad de tu página y yo estoy picando como un gilipollas? Es que si no, no sé para que metes todo ese contenido que hace que el texto no se vea bien. Con un párrafo bastaba.

Mikel.

Federic0 · #14 (**permalink**) 15/04/2008, 11:05

No, realmente mi intención no es hacerle publicidad a la página, sino solucionar este problema que tengo.

La imagen quedó muy grande, y por eso no se puede ver bien la letra.

http://www.quebebota.com/es/css/ie.JPG

http://www.quebebota.com/es/css/ff.JPG

Fijate que ahí se puede ver bien, no me di cuenta que al subirla al foro iba a quedar así.

Mikmoro · #15 (**permalink**) 15/04/2008, 11:20

Bueno, lo que creo que está ocurriendo es esto:

tú le estás aplicando ese estilo a las etiquetas "p", pero luego en realidad los párrafos no los tienes entre esas etiquetas.

Por otro lado, en las celdas donde pones el texto lo has puesto así:

td height="14"> <div align="center"><font size="2" face="Trebuchet MS">800x600</font></div></td>

en un parámetro de estilo "face" que no es standar y sólo lo entiende Explorer.

Si la quieres en todo el documento, ponle el estilo de letra en el selector "body" de la css, y si no, haz un selector td y pon ahí el estilo. Luego quítalo de cada etiqueta td donde lo tienes puesto.

Mikel.

Federic0 · #16 (**permalink**) 15/04/2008, 11:31

Ahí salió Mikel !! mil gracias, problema solucionado (creo jaja) , lo probé tanto en IE7 como en Firefox y veo la letra Trebuchet MS.

Vos también vez esa fuente?

Y una consulta más, como hago para agregar un tamaño de fuente predeterminada? Supongo que le tengo que agregar algo a

}
body { color: black; font-family: "Trebuchet MS";
}

pero no sé qué... sabrías decirme?

Un saludo!

Mikmoro · #17 (**permalink**) 15/04/2008, 11:48

Sí, font-size. Es decir, por ejemplo:

font-size: 16px;

o el tamaño que quieras, y efectivamente en el selector body.

Mikel.

Federic0 · #18 (**permalink**) 15/04/2008, 11:54

Probé poniendo eso pero no me funcionó...

Lo que hice fue esto, y anduvo bien.

En estilo.css puse:

Código:

#texto {
	font-size: 13px;

y en el html:

Código:

<div id="texto">EL TEXTO</div>

Está bien? Es decir, me funciona bien, pero puede llegar a traer algún problema o lo dejo así ? Y en cada texto le agrego el <div>

daPhyre · #19 (**permalink**) 15/04/2008, 11:56

Si lo vas a aplicar en toda la página, ponlo dentro del body, si lo vas a usar en ciertas areas nadamás, no creo que haya problema alguno si lo dejas así...

Mikmoro · #20 (**permalink**) 15/04/2008, 12:01

No te has fijado bien antes, pero en todas las celdas donde hay texto tenías el estilo de letra marcado, pero también el tamaño:

td height="14"> <div align="center"><font size="2" face="Trebuchet MS">800x600</font></div></td>

Para que te funcione un tamaño de letra por defecto debes limpiar tu código y eliminar todos esos atributos de las etiquetas del html. Si una regla del body la contradices con otra en la etiqueta, hará caso a la etiqueta. Si las limpias, funcionará.

Si vas a usar el div texto, no lo hagas con id, sino con class. De esa manera podrás usar tantos div class="texto" como quieras sin problemas.

En la css, en lugar de #texto, será .texto.

Mikel.

Federic0 · #21 (**permalink**) 15/04/2008, 12:11

Listo buenísimo, realmente gracias por los consejos, me sirvieron de mucho!!

Mil gracias, un saludo.

F.

Federic0 · #22 (**permalink**) 15/04/2008, 12:34

Una consulta más,

¿Hay alguna manera de poner una celda con un fondo que esté en el archivo .css?

Mikmoro · #23 (**permalink**) 15/04/2008, 15:28

Sí. Poniendo una calse a la celda.

<td class="fondocelda">...

y en la css:

.fondo celda {
background-color: #f00;
}

Y una recomendación: si quieres diseñar con css debes estudiar un poco de css.

Mikel.