Entrar

Firefox no lee los espacios entre elementos del menu lateral

Ana Pascoe · · Solicitar retirada
Hola, saludos a todos!

Mi problema es que firefox no lee los espacios entre los elementos del menú lateral. En explorer todo bien, ¿por qué?. Les mando mis direcciones.

http://simmagaleria.myartsonline.com

http://anapascoe.myartsonline.com


Mi hoja de estilos para plantilla de html es esta:

* {margin:0px ; padding:0px ; border: 0px}

body {background-color: #CDC673 ; text-align: center}

#global {width:800px ; margin: 4px auto }
#cabecera {background-color:#CDC673}
#navegacion {background-color: #BDB76B ; font-size: 0.9em }
#navegacion p {padding: 0px 0px 0px 0px}
#derecha p {padding: 20px 20px 0px 0px}
#contenido {background-color: #CDC673 ;
border-top: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
#contenido p {padding: 25px 20px 2px 50px ; text-indent:15px}
#inicial p {padding: 50px 20px 0px 50px}
#final p {padding: 25px 20px 60px 50px}
#menu {background-color: #BDB76B; width: 150px ; float:left; text-align:center ; margin:3px 30px 3px 3px }
#menu li { list-style:none ; margin: 20px 0px 20px 12x}
a { color:#A0522D ; font-size:1.2em ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover { color:#2E8B57 ; text-decoration:underline ; background-color:#CDC673}
a:active {}
p { color:#8B4513 ; text-align: justify ; font-size:1.3em}
.centrado {text-align:center}
.derecha {text-align:right}
.izquierda {text-align:left}
h1 {font-size: 1.3em; color:8B4513 ; font-weight: bold; text-aling: center }
h2 {font-size: 1.2em; color:8B4513 ; text-decoration: underline}
#pie {background-color: #CDC673 ; font-size: 1.1em ; color:#8B4513 ;
border-bottom: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
#pie p {padding: 30px}




¿Qué hice mal? :?
Yaneth · · Solicitar retirada
aqui un fallo

#cabecera {background-image: url(objetos/encabezados/simma galeria.jpg)

como es que tienes esa imagen, objetos y encabezados son carpetas???
no puedes ponerlo asi...

bueno, eso creo jeje, le darè una checada a eso

aqui
margin: 20px 0px 20px 12x}
te falta la p

aqui

h1 {font-size: 1.3em; color:8B4513 ; font-weight: bold; text-aling: center }
h2 {font-size: 1.2em; color:8B4513 ;

te falta el #

aqui

text-aling:

debe ser align

aqui

<ul>
  • INICIO
  • QUIÉNES SOMOS
  • PINTURA
  • ESCULTURA
  • ARTISTAS
  • EVENTOS
  • SERVICIOS
  • CONTACTO
  • LINKS


    debes quitarle todos los espacios, para que te quede asi

    <div id="menu"><ul>
  • INICIO
  • QUIÉNES SOMOS
  • PINTURA
  • ESCULTURA
  • ARTISTAS
  • EVENTOS
  • SERVICIOS
  • CONTACTO
  • LINKS</div>


    en el css
    en navegacion, aumentale la altura, yo lopuse en 20px

    lo checas y nos avisas

    otra cosa que no se si es asi o no

    tienes esto

    #menu li { list-style:none ; margin: 20px 0px 20px 12px}

    esto hace que, le des un margen a cada elemento por separado

    saludos
    • Ana Pascoe · · Solicitar retirada
    Gracias! Hice mi tarea, corregí las partes que me dijiste pero firefox no lee ahora la imagen de cabecera, en explorer todo bien. ¿Qué hago?. No tengo Opera, no sé qué pase ahí. Les mando otra vez mis hojas, porque sigo avanzando con el curso, y mis direcciones. Ah! otra cosa, hay una imagen que no se ve, ya chequé y rechequé la ortografía, espacio por espacio y carpeta por carpeta, al principio tuve problemas para "uploadear" una serie de imágenes, esa estaba entre ellas. Me preguntaba si existe alguna otra posibilidad, además de la ortografía (estuve leyendo varios mensajes del foro y siempre es la ortografía, por eso la chequé muchas veces, pero está bien, os lo juro!) por la cual las imágenes no se ven, problemas de conexión con el servidor o algo así, porque de veras que tuve muchos problemas "uploadeando", ya intenté borrar la imagen y subirla de nuevo, pero nada. Saludos!!

    http://simmagaleria.myartsonline.com

    EL INDEX

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>

    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">

    </head>
    <body>
    <div id="global">

    <div id="cabecera"></div>

    <div id="navegacion"><div id="imagprin"><ul>
  • [contenido no disponible]
  • <a href="index.html">[contenido no disponible]
  • [contenido no disponible]</div></div>

    <div id="contenido"><div id="menu"><ul>
  • INICIO
  • QUIÉNES SOMOS
  • PINTURA
  • ESCULTURA
  • ARTISTAS
  • EVENTOS
  • SERVICIOS
  • CONTACTO
  • LINKS</div>
    <div id="inicial"><p class="centrado">SIMMA Galería</p></div>

    Bienvenido a nuestro portal.</p>



    Conscientes de que es necesario reivindicar el papel del espectador como ser inteligente y sensible,
    el grupo SIMMA Galería presenta aquí obra plástica que se comunica, por medio de imágenes, con el público.
    Los artistas valoran la capacidad que tiene el espectador de observar, admirarse y experimentar la sensualidad
    de una imagen o un espacio,y por eso son exigentes con la calidad temática y visual de su obra.</p>



    Como espectador, juegas en el ámbito artístico un papel tan importante como el del artista o la pieza,
    eres el receptor capaz de contemplar el arte y sumergirte en él, eres parte de la experiencia.
    Nuestros artistas te presentan aquí su mundo que es espontáneo y místico
    pero que comunican por medio de imágenes inteligentes y, sobre todo, intencionales.</p>



    </p>

    <p class="derecha">"El mago no es más que un sabio que sabe actuar."</p>

    <p class="derecha">Giordano Bruno.</p>

    </p>

    </p>
    </div>
    <div id="pie">
    <div id="imagfin"><ul>
  • [contenido no disponible]
  • [contenido no disponible]
  • [contenido no disponible]
  • [contenido no disponible]</div>
    <p class="centrado">Visita nuestra sección de Pintura</p>
    </div>


    </div>
    </body>
    </html>



    LA HOJA DE ESTILOS PARA EL INDEX

    * {margin:0px ; padding:0px ; border: 0px}

    body {background-color: #CDC673 ; text-align: center}

    #global {width:800px ; margin: 4px auto }
    #cabecera {background-image: url(objetos/encabezados/simma galeria.jpg) ; background-repeat: no-repeat ;
    width:800px ; height: 332px ; overflow : hidden ; margin: 0px 0px 10px 0px }
    #navegacion {background-color: #CDC673 ; font-size: 1.1em ; height: 120px }
    #navegacion li {float: left ; margin: 0px 50px 0px 25px }
    #navegacion ul { margin-left: 90px }
    #navegacion p {padding: 0px 0px 0px 0px}
    #derecha p {padding: 20px 20px 0px 0px}
    #contenido {background-color: #CDC673 ; border-top: #8B5742 5px solid ; border-right: #8B5742 5px solid ;
    border-left: #8B5742 5px solid ; margin: 10px 0px 0px 0px }
    #contenido p {padding: 25px 20px 2px 50px ; text-indent:15px}
    #imagprin {background-color: #CDC673 ; height: 120px ; width: 750px }
    #imagprin li {float: left ; list-style:none }
    #inicial p {padding: 50px 20px 0px 50px}
    #final p {padding: 25px 20px 60px 50px}
    #menu {background-color: #BDB76B; width: 150px ; float:left; text-align:center ; margin:3px 30px 3px 3px }
    #menu li { list-style:none ; margin: 20px 0px 20px 12px}
    a { color:#A0522D ; font-size:1.2em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover { color:#2E8B57 ; text-decoration:underline ; background-color:#CDC673}
    a:active {}
    p { color:#8B4513 ; text-align: justify ; font-size:1.3em}
    .centrado {text-align:center; font-weight: bold }
    .derecha {text-align:right}
    .izquierda {text-align:left}
    h1 {font-size: 1.3em; color: #8B4513 ; font-weight: bold; text-align: center }
    h2 {font-size: 1.2em; color: #8B4513 ; text-decoration: underline}
    #imagfin {background-color: #CDC673 ; height: 164px ; width: 750px }
    #imagfin li {float: left ; list-style:none ; margin: 0px 10px 0px 10px }
    #imagfin ul { margin-left: 30px }
    #pie {background-color: #CDC673 ; font-size: 1.1em ; color:#8B4513 ;
    border-bottom: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
    #pie p {padding: 10px}


    LA PLANTILLA

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>

    <link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">

    </head>
    <body>
    <div id="global">

    <div id="cabecera"></div>

    <div id="navegacion"><div id="imagprin"><ul>
  • [contenido no disponible]
  • <a href="index.html">[contenido no disponible]
  • [contenido no disponible]</div></div>

    <div id="contenido"><div id="menu"><ul>
  • INICIO
  • QUIÉNES SOMOS
  • PINTURA
  • ESCULTURA
  • ARTISTAS
  • EVENTOS
  • SERVICIOS
  • CONTACTO
  • LINKS</div>
    <div id="inicial"><p class="centrado">¿Quiénes somos?</p></div>

    El grupo SIMMA Galería abre un espacio para que artistas y público se relacionen libremente, sin los tabúes actuales
    que sobre el arte existen.Creemos en la capacidad de la obra para fascinar al espectador, en la capacidad del artista para
    utilizar sus habilidades con voluntad y expresar lo que quiere por medio de la pintura o la escultura, y en la capacidad
    del público de ser valiente y sensible.</p>

    Obra, artista y público son los tres elementos suficientes y necesarios
    en el universo del arte, entiéndase que excluimos al crítico de arte, al filósofo, al director, al periodista, al escritor,
    al maestro, al historiador, al subastador e incluso al esteta.</p>

    Ahora bien, el artista no es la parte más importante,
    pero sí es el sujeto responsable de la creación. El artista plástico, al igual que el compositor musical o el danzante,
    si quiere crear tiene que fortalecerse, practicar, y desarrollar sus herramientas a un grado extremo, sólo así puede ser libre.</p>


    El artista plástico libre es aquel que tiene todas las capacidades físicas y visuales para crear una obra a voluntad.
    Por ejemplo el músico sabe tocar su instrumento, y si tiene una melodía en la mente es capaz de reproducirla, ya sean sonidos,
    ritmos o silencios; el danzante ha disciplinado su cuerpo de tal forma que si imagina una coreografía puede realizarla
    decidiendo entre maniobras complicadas o sencillas, según lo que quiere expresar con su danza; pues así también decide el
    artista plástico. El pintor y el escultor tienen virtudes que han desarrollado en años de práctica, cuáles utilicen y cuáles no,
    depende de lo que quieran decir, por eso son libres, porque tienen sus herramientas a la mano.</p>

    La obra es la creación viva
    que el artista ofrece al público, es el objeto de contemplación, está cargada de todas las pasiones del artista y hecha
    con todo su talento pero no le pertenece, la obra pertenece al público receptor. Al principio está sujeta a las intenciones
    conscientes del artista que la crea, pero una vez terminada, en cuanto se exhibe ante el primer espectador, la obra empieza su
    vida privada, es orgánica, crece frívola como una enredadera. El modo en que la obra plástica se relaciona es visualmente,
    sin discursos, y comunica dos cosas: a) lo que el artista quería expresar y b) lo que ella desee.</p>

    La riqueza de una obra
    es tan grande como grande el número de personas que la vean, está hecha para mirarse y disfrutarse, la manera de entenderla
    es por medio de sensaciones, no de argumentos racionales, eso quiere decir que es sensual, sensible; nos produce placer
    sensible, no intelectual. La obra de arte tiene posibilidades infinitas de ser lo que ella quiera, pero debe sostenerse sola
    ante el público, debe ser independiente del artista y de todo lo que alguien más pueda decir sobre ella. La labor de la obra
    plástica es fascinar a quien la vea, por los medios visuales que sean.</p>

    El público somos todos los que nos acercamos
    abiertamente a una obra. Un público abierto es libre de sentir la experiencia que una obra de arte le ofrece, y rechazar una
    obra si ésta no puede ofrecer nada.</p>

    Nadie necesita leer un panfleto antes de contemplar a un danzante o escuchar una
    pieza musical. Cuando una persona está ante una obra plástica no necesita razonar demasiado o tratar de explicar lo que siente,
    simplemente "padece" la obra: le gusta, le llama la atención, le atrapa, le interesa, y lo más importante le fascina.
    La relación entre la obra y el que la contempla es secreta, única e independiente de todos los demás. El gusto y la fascinación
    del espectador no necesitan argumentarse, son simples, existen o no existen.</p>

    Este momento de fascinación que puede
    tener una persona es el objetivo del arte entero, la razón de ser del artista y de la obra. La experiencia estética visual,
    en el caso de la pintura y la escultura es lo único que debe importarle al público cuando contempla una obra.</p>

    El compromiso
    del público con el arte es: a) reconocer únicamente en sí mismo si una obra le produce esta fascinación o si no lo hace, b)
    independizarse de los discursos filosóficos que llenan los libros de arte y el sensacionalismo de las casas subastadoras, y c)
    dar todo el reconocimiento valiente y abierto a una pieza de arte cuando ésta lo merece, el aplauso del público es la gloria
    de los artistas.</p>

    El grupo SIMMA Galería sostiene así una batalla por lo fascinante, y cree que el arte del nuevo milenio
    tiene que luchar y producir obra que seduzca visualmente al espectador.</p>

    Apoyamos a artistas libres, talentosos y con
    voluntad plástica, hacemos pública obra que busca la experiencia estética de quien la contempla, y reconocemos en cualquier
    persona a un receptor visual inteligente y sensible.</p>

    Lo más importante en el universo del arte es el momento de
    fascinación.</p>



    </p></p>

    </p>
    </div>
    <div id="pie">
    <div id="imagfin"><ul>
  • [contenido no disponible]
  • [contenido no disponible]
  • [contenido no disponible]
  • [contenido no disponible]</div>
    <p class="centrado">Visita nuestra sección de Escultura</p>
    </div>


    </div>
    </body>
    </html>


    LA HOJA DE ESTILOS PARA LA PLANTILLA

    * {margin:0px ; padding:0px ; border: 0px}

    body {background-color: #CDC673 ; text-align: center}

    #global {width:800px ; margin: 4px auto }
    #cabecera {background-image: url(objetos/encabezados/quienes.jpg) ; background-repeat: no-repeat ;
    width:800px ; height: 332px ; overflow : hidden ; margin: 0px 0px 10px 0px }
    #navegacion {background-color: #CDC673 ; font-size: 1.1em ; height: 120px }
    #navegacion li {float: left ; margin: 0px 50px 0px 25px }
    #navegacion ul { margin-left: 90px }
    #navegacion p {padding: 0px 0px 0px 0px}
    #derecha p {padding: 20px 20px 0px 0px}
    #contenido {background-color: #CDC673 ; border-top: #8B5742 5px solid ; border-right: #8B5742 5px solid ;
    border-left: #8B5742 5px solid ; margin: 10px 0px 0px 0px }
    #contenido p {padding: 25px 20px 2px 50px ; text-indent:15px}
    #imagprin {background-color: #CDC673 ; height: 120px ; width: 750px }
    #imagprin li {float: left ; list-style:none }
    #inicial p {padding: 50px 20px 0px 50px}
    #final p {padding: 25px 20px 60px 50px}
    #menu {background-color: #BDB76B; width: 150px ; float:left; text-align:center ; margin:3px 30px 3px 3px }
    #menu li { list-style:none ; margin: 20px 0px 20px 12px}
    a { color:#A0522D ; font-size:1.2em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover { color:#2E8B57 ; text-decoration:underline ; background-color:#CDC673}
    a:active {}
    p { color:#8B4513 ; text-align: justify ; font-size:1.3em}
    .centrado {text-align:center; font-weight: bold }
    .derecha {text-align:right}
    .izquierda {text-align:left}
    h1 {font-size: 1.3em; color: #8B4513 ; font-weight: bold; text-align: center }
    h2 {font-size: 1.2em; color: #8B4513 ; text-decoration: underline}
    #imagfin {background-color: #CDC673 ; height: 164px ; width: 750px }
    #imagfin li {float: left ; list-style:none ; margin: 0px 10px 0px 10px }
    #imagfin ul { margin-left: 30px }
    #pie {background-color: #CDC673 ; font-size: 1.1em ; color:#8B4513 ;
    border-bottom: #8B5742 5px solid ; border-right: #8B5742 5px solid ; border-left: #8B5742 5px solid }
    #pie p {padding: 10px}


    Gracias por checarlo! Nunca pensé que yo podría hacer una página web.
    • Ana Pascoe · · Solicitar retirada
    He resuelto el problema de la imagen que no se veía, le he cambiado el nombre y la he vuelto a "uploadear" con el nombre nuevo, y resultó, probablemente había un error ortográfico antes, que por más que leía, no podía ver :shock: , lo siento, ustedes siempre tienen razón!

    Pero lo del firefox sique, la imagen de cabecera no la lee, ahí sí no sé qué hacer :(

    Gracias por su ayuda y un saludo a todos!!!
    Yaneth · · Solicitar retirada
    Hola

    el fallo es la ruta
    no se como tienes tus carpetas pero en una imagen que si se ve
    tienes esto

    src="objetos/fuente japonesa.jpg"

    yyy, en la cabecera la imagen que no se ve
    tienes esto

    url(objetos/encabezados/simma galeria.jpg)

    primero te recuerdo que no pongas espacios en blanco
    (simma galeria.jpg)

    luego

    checa que la imagen simma galeria estè junto a las demàs dentro de la carpeta objetos, y subela de nuevo, ya que me dice que no existe

    y arregla la ruta de tal forma que quede asi

    objetos/simma galeria.jpg

    saludos
    Ana Pascoe · · Solicitar retirada
    Sabia de sabias!!!!! Magaza!!

    Pues, hice lo que me dijiste y pues funcionó!!

    Muchas gracias!!!! :lol: