hola!
Tengo un problema con las imagenes de una web, son muy grandes y no
puedo ni modificarlas ni eliminarlas, ya que es una web formada por
varios blogs agregados automaticamente.
La estructura de la web basicamente es:
encabezamiento
menu centro
pie
Aqui esta el enlace de la web y el del css
http://mon.catux.org/
http://mon.catux.org/planet.css
En internet explorer se ve toda la columna del centro, despues del
menu, como si no cupiera en la pantalla. He reducido con el css el
tamaño de dicha parte de la web, la he dejado en 75%, y la cosa anda
igual en la que está colgada en internet, pero en una prueba que
tengo en mi pc, en el ie se ve bien. La unica cosa que hay diferente
es el contenido de los blogs, y lo mas fundamental, las imagenes q
vienen integradas en esos posts.
Lo que _creo_ que ocurre es que esas imagenes gigantescas, en el
firefox sobre salen de la presentacion, pero no afectan a la columna,
por lo que aunque provocan scroll horizontal, no deforman la
visualizacion. Pero iexplorer trata de agrandar la columna hasta que
quepan las fotos, consiguiendo que no se visualice correctamente la
pagina.
Mi idea es crear una nueva entrada en el css que modifique las
imagenes que causan el problema y reducirlas a escala de modo que todo
funcione mejor, tanto en ie como en firefox.
Mi problema es que dentro del mismo div class=textnoticia (caja que
contiene todas la imagenes conflictivas) pues hay otras imagenes que
son iconos, que no deberia tocar ni modificar... por lo que no puedo
añadir una regla tan simple como:
.textnoticia{
height:100px;
width:100px;
}
Si pongo eso los smyles se hacen graaaaaaaaaaandes y queda muy feo,
pero por fortuna, estos smyles tienen una class=
<img src="" alt=":-)" class="wp-smiley" /
<img src="" alt=":-P" class="emoticon"
Las imagenes normales no tienen ninguna referencia con la que poderles
dar unas reglas, esta por ejemplo, creo que es la q me causa muchos de
los problemas...
<img width="1004" height="414" border="0" hspace="5"
src="generacio05.jpg" alt="" />
¿Como las reduzco de manera que queden bien escaladas sin deformarse?
He pensado aplicar estas reglas para modificar solo las que me
interesan(creo que con esto me autorespondo en parte):
.textnoticia img {
width:100px;
height:100px;
}
img.emoticon {
width:16px;
height:16px;
}
img.wp-smiley{
width:16px;
height:16px;
}
Gracias anticipadas!
--
Laura - Linux User : #294719
-----------------------
http://laupri.blogsite.org
http://linuv.uv.es
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
