Re: [Ovillo] centrado de menu desplegable
Hola Alberto, este código seguro que te servirá, el único inconveniente es que
sólo funciona con IE6 y con IE7.
style type=text/cssdiv { text-align: justify; text-justify:
distribute-all-lines; }/style
div style=width:250px;divTexto justificado/div/div
Saludos
Date: Tue, 1 Apr 2008 02:31:43 -0700 From: [EMAIL PROTECTED] To:
ovillo@lists.ovillo.org Subject: [Ovillo] centrado de menu desplegable
Hola lista! Estoy intentando centrar, y que me queden los items a la misma
distancia (justificados) en un menú desplegable horizontal dinámico (que se
puedan añadir o quitar items ) sin Javascript. He estado leyendo por ahí,
pero lo más que he encontrado es (que ya es bastante) el post de Jhon Faulds
http://www.tyssendesign.com.au/articles/css/centering-a-dropdown-menu/ , muy
bueno, por cierto. Pero no consigo que los items del menu se vean
justificados (aunque sí centrados) Alguien me puede ayudar? realmente se
puede? Ah! y además tiene que ser accesible (no te lo pierdas) Gracias
de antemano a todos porque he aprendido con vosotros!!
¡Capacidad ilimitada de almacenamiento en tu correo! No te preocupes más
por el espacio de tu cuenta con Correo Yahoo!:
http://correo.espanol.yahoo.com/
___ 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://lists.ovillo.org/mailman/listinfo/ovillo
_
MSN Video.
http://video.msn.com/?mkt=es-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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] RE: Cabecera elástica con imá gen de fondo
Hola Jorge, otra opción es cargar un css distinto según la resolución de
pantalla del visitante:
script type=text/javascript
if (window.screen) {var resolucion = screen.width + ' x ' + screen.height;
var css;
if (screen.width = 800) css = 'template_css_800';else css =
'template_css_1024';
document.write ('link rel=stylesheet href=' + css + '.css
type=text/css');}/script
En cuanto a las resoluciones de los visitantes aquí te dejo unas url's dónde
verás estadísticas sobre el tema:
http://www.tamingthebeast.net/blog/web-development/monitor-resolution-statistics-0208.htm
http://www.w3schools.com/browsers/browsers_display.asp
Saludos
From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Mon, 31 Mar 2008
17:52:15 +0100 Subject: Re: [Ovillo] Cabecera elástica con imágen de fondo
Gracias de nuevo Pablo, lo único que así la imagen va a pesar mucho y
como estamos obligados a cumplir con el nivel AA de accesibilidad, no sé yo
que pensarán mis jefes. Pero bueno, no queda otra si lo que quieren es un
diseño elastico. Otra cosa que pienso es cuánto de ancho y de alto tiene que
ser la imágen, porque uno no sabe que medida tienen los monitores de los
usuarios que nos visiten, y parece ser que la tendencia es a ser cada vez más
grande. Yo creo que habrá que buscar unas medidas de la imagen pensando en un
monitor grande estándar, no? Un abrazo, Jorge. PD: A ver si se
arregla de una vez la situación en tu país - Mensaje original -
De: Pablo Impallari Para: Ovillo, la lista de CSS en castellano Enviado:
lunes, 31 de marzo de 2008 4:34 Asunto: Re: [Ovillo]Cabecera elástica con
imágen de fondo Hola Jorje: Tal como te dice eva, simplemente tiene que
hacer que la imagen sea por demás de grande, tanto a lo alto como a lo
ancho. Y luego la pones como imagen de fondo con no-repeat y alineada con
top right; De modo que al irse expandiendo el contenedor, irá mostrando la
parte de la imágen que queda escondida. Un Abrazo Pablo Impallari
Soluciones en Internet Diseño y Desarrollo | xhtml - php - mysql. Sitio
Web: www.pabloimpallari.com.ar Teléfonos: Si llama desde Rosario: 456
7218 Si llama desde Argentina: 0341 - 456 7218 Si llama desde otro país:
0054 - 341 - 456 7218 - Original Message - From: Jorge [EMAIL
PROTECTED] To: Ovillo, la lista de CSS en castellano
ovillo@lists.ovillo.org Sent: Sunday, March 30, 2008 2:56 PM Subject: Re:
[Ovillo] Cabecera elástica con imágen de fondo Gracias ElfA 4Ever,
Pero una cosa, la cabecera es elástica no sólo a lo ancho, sino también a lo
alto, es decir, tiene una altura en em. Si yo cambio el tamaño de la
fuente, el banner va a crecer en altura y ya no kedaría bien. Que tengo que
hacer? ¿Establecer la altura de la cabecera en pixeles? No sé si me valdría
porque el logo tiene que estar alineado tanto con el menu como con el banner
y como el ancho del menu está en em, al logo tambien le he puesto un ancho
en em. Por tanto, si yo modifico el tamaño de la fuente, el logo creceria
en anchura pero no en altura y se vería mal Que me recomendías ?
Saludos - Mensaje original - De: ElfA 4EvEr Para: Ovillo, la
lista de CSS en castellano Enviado: domingo, 30 de marzo de 2008 18:09
Asunto: [Ovillo] RE: Cabecera elástica con imágen de fondoHola Pablo,
en tu caso, lo que yo haría es recortar la imágen
http://mbrown.iespana.es/img/bsb/cabecera_bsbp.jpg por la izquierda con un
píxel de ancho y de alto lo que hace la propia imagen; posteriormente esta
imágen de 1px de ancho y 167px de alto la pondría como background, y por
último alienaría la imágen
http://mbrown.iespana.es/img/bsb/cabecera_bsbp.jpg siempre a la derecha, de
tal manera que en el caso de que la página se haga más ancha saldrá como
background la imágen de 1px, estéticamente queda bien. Saludos. From:
[EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Sun, 30 Mar 2008
14:14:57 +0100 Subject: Re: [Ovillo] Cabecera elástica con imágen de
fondo Hola Pablo, Muy buen diseño en roccodonna, sos un gran
profesional. El ejemplo que me das no creo que me valga para mi diseño,
porque en mi caso, la imagen de fondo tiene un diseño y unas proporciones
determinadas. Podes ver una pagina en http://mbrown.iespana.es/Noticias.htm.
El servidor web en la que está hospedada me retoca un poco el diseño, pero
lo importante es que veas como queda la cabecera. ¿Es necesario que tenga
que cambiarlo para poder adaptarse a un diseño elástico? Gracias por tu
ayuda, Jorge - Mensaje original - De: Pablo Impallari Para:
Ovillo, la lista de CSS en castellano Enviado: domingo, 30 de marzo de
2008 8:01 Asunto: Re: [Ovillo]Cabecera elástica con imágen de fondo
Hola Alejandro: Fijate como lo he resuelto en este sitio, mirate el css y
el html, tal vez te resulte util http://www.roccodonna.com.ar/ices/
Un Abrazo Pablo Impallari Soluciones en
Re: [Ovillo] Maquetando cabecera con CSS
Hola, aquí te adjunto un css y el xhtml válido que creo que te servirán:
style type=text/css
body {background-color: #cd;font-size: 11px;font-family: Verdana, Arial,
SunSans-Regular, Sans-Serif;color:#564b47;padding:0;margin:0;}
#container {width: 900px;margin-bottom: 10px;margin: 0 auto;background-color:
#EBD3E0;}
#centro {background-color: #ff;padding: 0px;margin: 0px 250px 0px 200px;}
#izquierda {float: left;width: 200px;margin: 0;padding: 0;}
#derecha {float: right;width: 250px;margin: 0;padding: 0;}
#bajo {clear: both;margin: 0;padding: 0;text-align: left; }
/style
div id=container div id=izquierdaIzquierda/div
div id=derechaDerecha/div
div id=centroCentro/div
div id=bajoPoner aquí el resto de la web, en el caso de que haya/div
/div
Saludos
From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Mon, 31 Mar 2008
17:28:21 +0200 Subject: [Ovillo] Maquetando cabecera con CSS Hola a
[EMAIL PROTECTED], estoy maquetando la cabecera de mi web con CSS. Tiene
tres elementos, que son: una logo, un título y un botón; van los tres
colocados, formando una línea horizontal. Ya casi lo tengo, pero no consigo
cuadrar la imagen. Tengo este CSS: /*cabecera*/#L_CabTabla
{/*cabecera*/ POSITION:relative; top:1px; left:5px; WIDTH:617px;
background-color:#6557D0;}#L_CabLogo {/*img.*/ left:5px; width:55px;
background-color:#5215B4; border-right:3px solid #ff;}#L_CabTitulo
{/*titulo general*/ POSITION:absolute; text-align:left; top:1px; left:68px;
padding-left:4px; padding-right:4px;}/*boton salir SSPP*/#L_SALIR {
POSITION:absolute; z-index:1; top:1px; left:505px; width:50px; color:white;
cursor:pointer; BACKGROUND-COLOR:transparent; TEXT-ALIGN:center;
font-weight:bold; BORDER-style:solid; BORDER-width:2px} y este HTML
asociado: center div id=L_CabTabla align=center div
id=L_CabLogo img name=logo alt=SV title=SV src=logo.gif
border=0 /div div class=cabTitulo id=L_CabTitulo
Bienvenidos abr/Portal SV /div div style=top: 18px;
id=L_SALIR a style=color: white;
onmouseover=javascript:document.getElementById('textosalir').style.color='red'
onmouseout=document.getElementById('textosalir').style.color='white'
href=javascript:salir(); span id=textosalirSalir/span /a
/div /div /center Con esto, consigo obtener un bloque centrado,
donde aparecen el título (centrado), el botón de Salir (a la derecha del
texto) y la imagen, que sale también centrada, superpuesta bajo el texto. Lo
que yo quiero es que salga a la izquierda de éste. Lo intenté poniéndole a su
capa float:left, y aunque IE lo coge en FF no sale bien. Muchas gracias
desde ya! Saludos =)
_
Tecnología, moda, motor, viajes,…suscríbete a nuestros boletines para estar
siempre a la última Guapos y guapas, clips musicales y estrenos de cine.
___ 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://lists.ovillo.org/mailman/listinfo/ovillo
_
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/
___
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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] RE: Cabecera elástica con imá gen de fondo
Hola Pablo, en tu caso, lo que yo haría es recortar la imágen
http://mbrown.iespana.es/img/bsb/cabecera_bsbp.jpg por la izquierda con un
píxel de ancho y de alto lo que hace la propia imagen; posteriormente esta
imágen de 1px de ancho y 167px de alto la pondría como background, y por último
alienaría la imágen http://mbrown.iespana.es/img/bsb/cabecera_bsbp.jpg siempre
a la derecha, de tal manera que en el caso de que la página se haga más ancha
saldrá como background la imágen de 1px, estéticamente queda bien.
Saludos.
From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Sun, 30 Mar 2008
14:14:57 +0100 Subject: Re: [Ovillo] Cabecera elástica con imágen de fondo
Hola Pablo, Muy buen diseño en roccodonna, sos un gran profesional.
El ejemplo que me das no creo que me valga para mi diseño, porque en mi caso,
la imagen de fondo tiene un diseño y unas proporciones determinadas. Podes
ver una pagina en http://mbrown.iespana.es/Noticias.htm. El servidor web en
la que está hospedada me retoca un poco el diseño, pero lo importante es que
veas como queda la cabecera. ¿Es necesario que tenga que cambiarlo para poder
adaptarse a un diseño elástico? Gracias por tu ayuda, Jorge -
Mensaje original - De: Pablo Impallari Para: Ovillo, la lista de CSS
en castellano Enviado: domingo, 30 de marzo de 2008 8:01 Asunto: Re:
[Ovillo]Cabecera elástica con imágen de fondo Hola Alejandro: Fijate
como lo he resuelto en este sitio, mirate el css y el html, tal vez te
resulte util http://www.roccodonna.com.ar/ices/ Un Abrazo Pablo
Impallari Soluciones en Internet Diseño y Desarrollo | xhtml - php -
mysql. Sitio Web: www.pabloimpallari.com.ar Teléfonos: Si llama desde
Rosario: 456 7218 Si llama desde Argentina: 0341 - 456 7218 Si llama desde
otro país: 0054 - 341 - 456 7218 - Original Message - From:
Alejandro Roca [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent:
Wednesday, March 26, 2008 4:18 AM Subject: [Ovillo] Cabecera elástica con
imágen de fondo Hola! estoy maquetando web que lleva un diseño
elástico. La cabecera contiene el típico logo a la izquierda y un banner
a la derecha. Éste último tiene una imagen de fondo de un tamaño
determinado, el problema es que al ser el div banner elástico, el espacio
sobrante del mismo keda vacío, rellenado con el color de fondo. ¿Que
mejores opciones hay cuando uno opta por un diseño elástico o líquido y
tiene que maquetar un banner con una imagen de unas proporciones y diseño
establecidas? Muchas Gracias, Saludos #wrapper { width: 99em;
margin: .5em auto; text-align: left; } #cabecera { margin:0;
margin-bottom: 1.5em; padding:0; height: 16.8em; position: relative; }
#cabecera #logo { position: absolute; height: 16.8em; left:0; }
#cabecera #logo img { width: 16em; height: 16.8em; } #banner {
margin-left: 17em; height:14.5em; background: url(img/banner.png) no-repeat
0 0; border: .1em solid #777; border-bottom: none; } #cabecera .barra
{ height:2em; margin-left:17em; line-height: 2em; padding: 0 1em;
background: url(../img/fondomenusup1.gif) repeat-x left 50%; border: 0.1em
solid #777; text-align: right; } #cabecera #banner_bottom {
margin-bottom: 0em; padding-right: ..5em; }
---
div id=wrapper div id=cabecera div id=logo a
title=Portal web principal de mi empresa href=www.empresa.com img
alt=Logotipo de la empresa src=img/logo.gif/a /div div
id=banner/div div class=barra id=banner_bottom /div
/div !-- Fin Cabecera -- /div !-- Fin wrapper
-- ___ 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://lists.ovillo.org/mailman/listinfo/ovillo-- No virus found in
this incoming message. Checked by AVG. Version: 7.5.519 / Virus Database:
269.22.1/1349 - Release Date: 29/03/2008 05:02 p.m.
___ 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://lists.ovillo.org/mailman/listinfo/ovillo
___ 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://lists.ovillo.org/mailman/listinfo/ovillo
_
Tecnología, moda, motor, viajes,…suscríbete a nuestros boletines para estar
siempre a la última
http://newsletters.msn.com/hm/maintenanceeses.asp?L=ESC=ESP=WCMaintenanceBrand=WLRU=http%3a%2f%2fmail.live.com
___
Lista de distribución Ovillo
Re: [Ovillo] (OT) ¿conviene aprender joomla?
Yo personalmente uso Joomla y estoy muy contenta. Me permite adaptar cualquier diseño al cms, además tiene centenares de módulos y componentes... yo con joomla nunca he tenido límites ni de diseño, ni de programación. En cuanto a la creación de templates para joomla, te recomiento que te leas este manual: para joomla 1.0.x: http://www.leandrodonofrio.com/tutoriales/tutoriales/como-crear-un-template-para-joomla-primera-parte/ para joomla 1.5 RC: http://www.leandrodonofrio.com/recursos/joomla/tutorial-crear-un-template-para-joomla-1.5-primera-parte/ en cuanto a la versión del joomla yo te recomiento la 1.0.13 ya que es la última versión estable. Para cualquier cosa no dudes en preguntarme. Date: Thu, 25 Oct 2007 01:03:37 -0500 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] (OT) ¿conviene aprender joomla? Muchas gracias por la información ^^ pues creo que me quedare con joomla! y le dejare drupal al programador que trabaja conmigo una cosa mas si no es mucho pedir conocen algún buen manual para la creación de plantillas de joomla!? la documentación oficial (por lo menos en español) no es for dummies :S :P ^^ saludos y Gracias ^^ Fernando Seves escribió: Hola Jordi, Estoy muy interesado en aprender Drupal. Me podrias recomendar alguna pagina de documentacion o libro? un saludo y muchas gracias El día 24/10/07, Jordi Bufí Caballero [EMAIL PROTECTED] escribió:Nosotros en Neurotic trabajamos con Drupal y no hemos tenido problemas con los temas. Puedes ver algunos ejemplos de trabajos en fase beta: http://www.eternalfight.com http://www.1001solares.es http://www.vectigalis.eu y otros ya en funcionamiento http://www.raquetbol.cat http://www.antiquariamalda.com/ http://www.boavida.net Algunas son de hace un tiempo o nos dieron el diseño a implementar así que no lo tengáis en cuenta xD Sobre Joomla, ya dije anteriormente en la lista que sólo he hecho 1 proyecto (y a nivel personal) y tuve demasiados problemas para hacer que escupa código estándar (no sé si lo han solucionado en las últimas versiones) En la empresa estamos muy contentos con Drupal y, de hecho, estamos haciendo proyectos de cierta envergadura con este CMS/framework. Espero que esto ayude aunque sea un poquito :P Jordi - NeuroticEl mié, 24-10-2007 a las 14:21 +0200, Tei escribió:tal como yo lo veo hay dos cms optimos: drupal y posiblemente joomla. drupal es en realidad un framework, asi que si ofrece mucha flexibilidad, pero si no eres programador, pues igual no es lo tuyo. joomla es solo un CMS, que viene solo con cientos de modulos y expansiones. Si eres programador, igual no es lo tuyo. Y funciona por Seccion/Categoria que yo creo es una taxonomia obsoleta. Pero si lo tuyo es reducir la complejidad eliminando la flexibilidad, pues joomla parece ser lo que ofrece. mirando el codigo, pues creo que ambos son buenos, y no esa chapuza que es phpnuke. Es muy facil hacer themes para joomla. En drupal he tenido mas problemas para hacer themes. Pero quizas es malasuerte. ademas de todo esto, si usas drupal eres automaticamente guay. y si eres debianita, practicamente no hay otra opcion. Joomla es mas como para gente que usa Mandriva y cosas asi. (nota: es broma :D ) On 10/24/07, final20 [EMAIL PROTECTED] wrote:Hola de nuevo ya tiene tiempo que no escribo en la lista y pues para variar escribo para preguntar -_- aunque esta duda es algo offtopicpuesno se me ocurre preguntar mas que a los expertos de la lista mi preguntaes ¿conviene aprender a usar joomla? y ¿y que tan amigable es a lahorade hacer templates?(generalmente me gusta hacer las templates por separado y luego adaptarlas al sistema...) bueno fueron 2 preguntas no una -_-UU! espero respuesta de antemano muchas gracias ^^ -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ :http://www.nxtch-xpression.com/blog/ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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:
