Regresar a la página www.ComoCrearTuWeb.com
Página 1 de 2 12 ÚltimoÚltimo
Resultados 1 al 15 de 20

Tema: Problemas con viñetas en distintos navegadores

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16

    Problemas con viñetas en distintos navegadores

    Buenas a todos. Como dice el título tengo un problema con las viñetas al verlas en distintos exploradores estoy probando con seis Chrome, Explorer, Safari, Firefox, Opera y RockMelt). Una vez que les cambio el punto por una imagen propia, les pongo el famoso "display: block" y las visualizo (no tengo subida la web aún pues trabajo en local y no puedo pegar imágenes del escritorio) resulta que en Chrome y en Rockmelt me salen perfectas, las viñetitas pegadas a su texto y al pasar el ratón por encima se "ilumina" todo el bloque. El problema viene en los demás navegadores. AL incluir el "display: block" el texo cambia de línea, como si hiciera bloques independientes para la viñeta y para el texto. He probado a cambiar dimensiones de las capas contenedoras, de los textos, ajustar "margin" y padding" y nada. Necesito ayuda.
    Los códigos HTML y CSS son los siguientes:

    HTML

    <div id="lateral">
    <div id="menulat">
    <h1>Enlaces</h1>
    <ul>
    <li><a href="oficiales.htm">Oficiales</a></li>
    <li><a href="no_oficiales.htm">No oficiales</a></li>
    <li><a href="#">Otros enlaces</a></li>
    </ul>
    </div>
    <div id="publilat">Publicidad</div>
    </div>


    CSS

    #lateral {float: left; background-color: transparent; height: 1150px; margin: 0px; margin-right: 0.5em; padding: 3px; width: 160px;}
    #menulat {float: left; color: #ffffff; background-color: #transparent; background: url('imagenes/fondomenulat.jpg'); border: 1px solid #ffffff; width: 133px; height: 150px; margin: 82px 5px 30px 5px; padding: 8px 8px;}
    #menulat h1 {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; margin-bottom: 12px;}
    #menulat li {color: #ffffff; font-size: 10pt; list-style: url(imagenes/vinetamenu.gif) circle; list-style-position: inside; margin-left: 10px; line-height: 2.3em;}
    #menulat a:link {text-decoration: none; color: #9999ff; display: block;}
    #menulat a:visited {text-decoration: none; color: #9999ff;}
    #menulat a:hover {text-decoration: none; background-color: #444444; color: #6666ff;}
    #menulat a:active {text-decoration: none; font-weight: bold; color: #ffff00;}
    #publilat {clear: left; background-color: transparent; background: url('imagenes/fondopublilat.jpg'); border: 1px solid #ffffff; width: 133px; height: 800px; margin: 5px 5px 10px 5px; padding: 8px 8px;}

    Creo que es la primera vez que publico así que ruego indulgencia con los fallos de publicación.
    Saludos

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    15
    ¿Porque la propiedad block a <a>? <a> es un elemento inline por defecto, y creo que en este caso es lo que pretendes no? que sea inline.

    Una cosa es que quieras a <ul> como block (que por defecto lo es) y otra cosa es querer que <a> sea block, creo que no le sacas partido poniéndole esta propiedad en este caso, solo lo creo jeje, pues no probé tu código.

    Prueba a quitarle esa propiedad a ver que pasa y nos cuentas. Intenta adjuntarnos algunas capturas subiendo las imágenes a un servidor gratuito como http://www.subirimagenes.com/

    Saludos!
    Agradece si te ayudan, que desagradecidos ya sobran.

  3. #3
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Hola, gracias por u pronta respuesta. Si le quito el "display:block" a <a> sólo se "iluminan" al pasar el ratón por encima los textos del enlace, no la caja entera. Bien es cierto, y lo probaré ahora, que puedo ponerle esa propiedad a los <li>.
    Luego cuento.

  4. #4
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    No. Si le pongo el "display: block" a los <li> me desaparecen las viñetas en Google Chrome. Seguimos adelante. ¿Alguna ayuda?
    Voy a salir ahora, luego subiré imágenes. Gracias por tu ayuda

  5. #5
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Así quiero que se vea (y así se ve en Chrome, Safari y RockMelt):
    http://s2.subirimagenes.com/otros/pr...sin-ttulo1.jpg
    Así se ve en Explorer y Firefox:
    http://s3.subirimagenes.com:81/otros...sin-ttulo2.jpg
    y así se ve en Opera:
    http://s2.subirimagenes.com/otros/pr...sin-ttulo3.jpg
    No acabo de encontrar el problema.

  6. #6
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Se me olvidaba, así se ve si le quito el "display:block" a los <a>
    http://s3.subirimagenes.com:81/otros...sin-ttulo4.jpg

  7. #7
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    15
    Ok ok, no te había entendido pues.

    Una cosa que hasta ahora no me la había planteado. Hago la pregunta al resto del Foro. Cuando tienes un a:link y un a:hover (por ejemplo) ¿Al pasar por encima (hover) el link pierde las propiedades esenciales y solo actúan las impuestas?

    ¿Porqué pregunto esto? prueba a ponerle a los cuatro, es decir a link, hover, active y visited el block a ver que sale.

    Nunca te acostarás sin saber una cosa mas.
    Agradece si te ayudan, que desagradecidos ya sobran.

  8. #8
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Curiosamente, si pongo "display:block" a las cuatro pseudoclases de los links (link, hover,active, visited) se resuelve el problema de que aparezcan en dos líneas distintas, pero ahora, al pasar el ratón por encima (estado hover) no se "ilumina" la caja completa sino sólo los textos. ??????

  9. #9
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Cita Iniciado por alfanumerico1 Ver Mensaje
    Curiosamente, si pongo "display:block" a las cuatro pseudoclases de los links (link, hover,active, visited) se resuelve el problema de que aparezcan en dos líneas distintas, pero ahora, al pasar el ratón por encima (estado hover) no se "ilumina" la caja completa sino sólo los textos. ??????
    RECTIFICO: El resultado es el mismo que si le pusiera "display:block" sólo al estado "a:link" es decir, no se ven en la misma línea viñeta y texto. Me había equivocado de etiqueta al hacer los cambios.

    Sugerencia: ¿Podría ser problema del tamaño de la viñeta? Es decir, que sea demasiado grande para la capa en la que está contenida?

  10. #10
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Si a #menulat li {color: #ffffff; font-size: 10pt; list-style: url(imagenes/vinetamenu.gif) circle; list-style-position: inside; margin-left: 10px; line-height: 2.3em;}
    le suprimo "list-style-position: inside" los textos se colocan junto a su viñeta pero al pasar el ratón por encima solo se "ilumina" el texto, no la viñeta. Seguimos sin solución.

  11. #11
    Me va gustando esto... Habitante
    Fecha de Ingreso
    31 may, 11
    Mensajes
    35
    Poder de Reputación
    13
    Hola.
    ¿Puedes pegar todo el código del html y del css para intentar reproducirlo?
    Saludos.

  12. #12
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    15
    Si mejor, para hacernos una idea de como están las capas padre. Seguramente sea problema de tamaños.

    Saludos!
    Agradece si te ayudan, que desagradecidos ya sobran.

  13. #13
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Buenas. A ver, investigando un poco, he descubierto que las listas llevan un padding-left por defecto, así que se lo he puesto a cero. Esto ha hecho que ya no estén en distintas líneas la viñeta y el texto, pero ahora hace otras cosas raras. Mejor os paso el HTML y CSS y lo miráis. De paso, aunque la web no está acabada y este no es el foro, admito que critiquéis constructivamente el diseño. Tened en cuenta que aún ando aprendiendo y no manejo formularios ni sé como hacer que la gente pueda registrarse en la web ni tengo logo. Además hay textos provisionales. Poco a poco.
    Este es el código HTML

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    <html lang="es">
    <head>
    <title>Black en Español. Biografía</title>
    <link rel="stylesheet" type="text/css" href="oficiales.css"/>
    </head>
    <body>
    <div id="contenedor">
    <div id="cabecera">
    <h1>BLACK EN ESPAÑOL</h1>
    </div>
    <div id="menuppal">
    <div class="botones">
    <a href="../inicio/inicio.htm">Inicio</a>
    </div>
    <div class="botones">
    <a href="#">Noticias</a>
    </div>
    <div class="botones">
    <a href="../biografia/biografia.htm">Biografía</a>
    </div>
    <div class="botones">
    <a href="#">Discografía</a>
    </div>
    <div class="botones">
    <a href="#">Fotograf&iacute;a</a>
    </div>
    <div class="botones">
    <a href="#">Videos</a>
    </div>
    <div class="botones">
    <a href="#">Prensa, radio y televisión</a>
    </div>
    <div class="botones">
    <a href="#">Otras facetas</a>
    </div>
    <div class="botones">
    <a href="../enlaces/oficiales.htm">Enlaces</a>
    </div>
    <div class="botones">
    <a href="#">Foro</a>
    </div>
    <div class="botones">
    <a href="#">The English Corner</a>
    </div>
    </div>
    <div id="contenido">
    <div id="principal"><!--Meter una imagen al final de esta capa para subir al inicio de página-->
    <div id="lateral">
    <div id="menulat">
    <h1>Enlaces</h1>
    <ul>
    <li><a href="oficiales.htm">Oficiales</a></li><li><a href="no_oficiales.htm">No oficiales</a></li><li><a href="#">Otros enlaces</a></li>
    </ul>
    </div>
    <div id="publilat">Publicidad</div>
    </div>
    <h1 id="titppal">Enlaces.</h1>
    <p>Estos son los enlaces oficiales m&aacute;s representativos que contienen informaci&oacuten relevante sobre <a href="http://www.colinvearncombe.com" title="P&aacute;gina oficial" target="_blank">Colin.</a></p>
    <br>
    <p>Si alguien conoce alguna p&aacute;gina interesante o quiere que se incluya alg&uacute;n enlace espec&iacute;fico s&oacute;lo tiene que pulsar el enlace <a href="mailto:blackenespanol@gmail.com">contacta conmigo</a></p>
    <br>
    <table id="oficiales" summary="Enlaces oficiales de Colin Vearncombe, tambi&eacute;n conocido como Black">
    <tbody>
    <tr class="enlaces">
    <td class="enlaces"><a href="http://www.colinvearncombe.com" title="P&aacute;gina oficial" target="_blank"><img src="imagenes/blackoficial.gif" alt="www.colinvearncombe.com"></a></td>
    <td class="enlaces"><a href="http://www.facebook.com/blackakacolinvearncombe" title="P&aacute;gina oficial de Facebook" target="_blank"><img src="imagenes/blackoficialFB.gif" alt="www.facebook.com/blackakacolinvearncombe"></a></td>
    </tr>
    <tr class="leyenda">
    <td id="leyenda">P&aacute;gina oficial de Colin Vearncombe</td>
    <td id="leyenda">P&aacute;gina oficial de Colin Vearncombe en Facebook</td>
    </tr>
    <tr class="enlaces">
    <td class="enlaces"><a href="https://www.facebook.com/profile.php?id=100000048586901" title="P&aacute;gina personal de Facebook" target="_blank"><img src="imagenes/blackpersonalFB.gif" alt="www.facebook.com/profile.php?id=100000048586901"></a></td>
    <td class="enlaces"><a href="https://twitter.com/#!/cvblack" title="Twitter oficial" target="_blank"><img src="imagenes/blacktwitter.gif" alt="twitter.com/#!/cvblack"></a></td>
    </tr>
    <tr class="leyenda">
    <td id="leyenda">P&aacute;gina personal de Colin Vearncombe en Facebook</td>
    <td id="leyenda">Twitter oficial de Colin Vearncombe</td>
    </tr>
    <tr class="enlaces">
    <td class="enlaces"><a href="http://es.myspace.com/blackakacolinvearncombe" title="Myspace oficial" target="_blank"><img src="imagenes/blackmyspace.gif" alt="es.myspace.com/blackakacolinvearncombe"></a></td>
    <td class="enlaces"><a href="http://www.youtube.com/colinvearncombe" title="Canal oficial de Youtube" target="_blank"><img src="imagenes/blackyoutube.gif" alt="www.youtube.com/colinvearncombe"></a></td>
    </tr>
    <tr class="leyenda">
    <td id="leyenda">P&aacute;gina oficial de Colin Vearncombe en Myspace</td>
    <td id="leyenda">Canal oficial de Colin Vearncombe en Youtube</td>
    </tr>
    <tr class="enlaces">
    <td class="enlaces"><a href="http://en.wikipedia.org/wiki/Black_%28English_band%29" title="P&aacute;gina oficial de Wikipedia" target="_blank"><img src="imagenes/blackwikipedia.gif" alt="en.wikipedia.org/wiki/Black_%28English_band%29"></a></td>
    <td class="enlaces"><a href="http://soundcloud.com/neroschwarz" title="Soundcloud oficial de Nero Schwarz" target="_blank"><img src="imagenes/nerosoundcloud.gif" alt="soundcloud.com/neroschwarz"></a></td>
    </tr>
    <tr class="leyenda">
    <td id="leyenda">P&aacute;gina oficial de Colin Vearncombe en Wikipedia (ingl&eacute;s)</td>
    <td id="leyenda">P&aacute;gina oficial de Nero Schwarz en Soundcloud</td>
    </tr>
    <tr class="enlaces">
    <td class="enlaces"><a href="http://www.lastfm.es/music/Black/+albums" title="Black en last.fm" target="_blank"><img src="imagenes/blacklastfm.gif" alt="www.lastfm.es/music/Black/+albums"></a></td>
    <td class="enlaces"><a href="http://www.lastfm.es/music/Colin+Vearncombe/+albums" title="Colin Vearncombe en last.fm" target="_blank"><img src="imagenes/vearncombelastfm.gif" alt="www.lastfm.es/music/Colin+Vearncombe/+albums"></a></td>
    </tr>
    <tr class="leyenda">
    <td id="leyenda">Canal de Black en last.fm</td>
    <td id="leyenda">Canal de Colin Vearncombe en last.fm</td>
    </tr>
    </tbody>
    </table>
    </div>
    <div id="novedades"><!--Esta capa debería hacerse con una lista que no sea de definición, arreglándola en la hoja de estilos-->
    <h2 class="titlat">Lo último</h2>
    <dl class="cuerpolat">
    <dt>xx de xx de 2011.</dt>
    <dd>Nace "Black en Espa&ntilde;ol".</dd>
    <dt>xx de xx de 2011.</dt>
    <dd>A&ntilde;adida p&aacute;gina de inicio.</dd>
    </dl>
    </div>
    <div id="noticias"><!--Esta capa debería hacerse con una lista que no sea de definición, arreglándola en la hoja de estilos-->
    <h2 class="titlat">Noticias</h2>
    <dl class="cuerpolat">
    <dt>xx de xx de 2011.</dt>
    <dd>21/10/2011 - Colin performed an intimate gig last Saturday at Grove House in Schull to a sellout crowd.</dd>
    </dl>
    </div>
    <div id="registro"><!--Campos para registrarse-->
    <h2 class="titlat">Regístrate</h2>
    <dl class="cuerpolat">
    <dt>xx de xx de 2011.</dt>
    <dd>Nace "Black en Espa&ntilde;ol".</dd>
    <dt>xx de xx de 2011.</dt>
    <dd>A&ntilde;adida p&aacute;gina de inicio.</dd>
    </dl>
    </div>
    <div id="buscar"><!--Campo de búsqueda en la web y en Google-->
    <h2 class="titlat">¿Dónde está?</h2>
    <dl class="cuerpolat">
    <dt>xx de xx de 2011.</dt>
    <dd>Nace "Black en Espa&ntilde;ol".</dd>
    <dt>xx de xx de 2011.</dt>
    <dd>A&ntilde;adida p&aacute;gina de inicio.</dd>
    </dl>
    </div>
    <div id="redes"><!--Buscar o hacer unos botones de redes (facebook y twitter)-->
    <h2 class="titlat">S&iacute;guenos</h2>
    <a href="https://www.facebook.com/groups/112199325503663/" title="Facebook - Black en Espa&ntilde;ol" target="_blank"><img src="imagenes/facebook_negro.png" alt="Facebook"></a>
    <a href="https://twitter.com/#!/blackenespanol" title="Twitter - @blackenespanol" target="_blank"><img src="imagenes/twitter_negro.png" alt="Twitter"></a>
    </dl>
    </div>
    </div>

    </div>
    <div id="pie">
    <p class="izquierda">Black en Espa&ntilde;ol</p>
    <p class="izquierda">&copy; Jos&eacute; Luis Barreda Ortega.</p>
    <p class="izquierda">Versi&oacute;n 0.1. - 27 de Septiembre de 2011</p>
    <p class="izquierda"><a href="mailto:blackenespanol@gmail.com">Contacta conmigo</a></p>
    <p class="izquierda"><a href="#">Mapa del sitio</a></p>
    </div>

    </body>
    </html>



    y este es el CSS


    * {text-indent: 0px; margin: 0px; padding: 0px; border: 0px;}
    body {margin: 10px 10px 10px 10px; font: 10pt Century Gothic, Geneva, Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; background-color: #111111;}

    /*Capa que contiene todo*/
    #contenedor {width: 1024px; margin: auto; border: 1px solid white; height: 1395px; text-align: left; background: url('imagenes/fondo_00.jpg') repeat; background-color: #444444; /*background: transparent;*/}

    /*Capa con la cabecera. De momento hay un texto pero habrá que elaborar un logotipo o imagen con el nombre*/
    #cabecera {padding: 35px 5px 35px 10px; border-bottom: 3px outset #ffffff; background-color: #8888ff; background: transparent; font-size: 16pt; font-weight: bold; color: #777777;}
    #cabecera h1 {text-align: center;}

    /*Capa del menú horizontal principal, con todas las secciones de la web. Me gustaría que fuera desplegable pero será más adelante. En algunos navegadores al reducir, se queda pequeño*/
    #menuppal {padding: 4px 0px 2px 10px; border-bottom: 3px outset #ffffff; margin-bottom: 0px; height: 28px; background-color: #cfcfbb;}
    .botones {float:left; margin: 0px 2px; padding: 1px 3px; text-align: center; border: 1px solid #111111;}
    #menuppal a:link {font-size: 11pt; text-decoration: none; color: #aa5555; margin: 0px; /*display: block;*/}
    #menuppal a:hover {font-size: 11pt; text-decoration: none; font-weight: bold; color: #aa5555; margin: 0px;}
    #menuppal a:active {font-size: 11pt; text-decoration: none; color: #bbbb00; margin: 0px;}
    #menuppal a:visited {font-size: 11pt; text-decoration: none; color: #aa5555; margin: 0px;}

    /*Capa donde se incluye el contenido esencial de la página actual. Engloba a las capas de menús laterales y del contenido en sí. Le he puesto altura porque se me quedaba por encima de las capas incluídas en él*/
    #contenido {background-color: #444444; background: transparent; height: 1228px; padding: 0px 0px 0px 0px; color: #ffffff; margin-bottom: 10px; float: left;}

    /*Capa donde se coloca la información en sí. Es lo principal de cada página.*/
    #principal {font-size: 12pt; background-color: #444444; background: transparent; height: 1190px; margin-top: 0px; margin-bottom: 0px; padding: 2px 15px 30px 0px; width: 800px; float:left;}
    #principal p {text-align: justify; text-indent: 0.25em;}
    #principal a:link {text-decoration: none; color: #9999ff;}
    #principal a:visited {text-decoration: none; color: #9999ff;}
    #principal a:hover {text-decoration: none; color: #6666ff;}
    #principal a:active {text-decoration: none; font-weight: bold; color: #ffff00;}
    #oficiales {table-layout: fixed; width: 624px; border-collapse: collapse;}
    .enlaces tr {}
    .enlaces td {width: 312px; height: 101px; margin: 0; padding: 0;}
    .enlaces img {border: 1px dotted white; margin-left: 61px; margin-top: 25px;}
    .leyenda td {font-size: 10pt; text-align: center; height: 30px; vertical-align: text-top; padding-top: 5px;}
    .leyenda tr {font-size: 10pt; text-align: justify;}
    #lateral {float: left; background-color: transparent; height: 1150px; margin: 0px; margin-right: 0.5em; padding: 3px; width: 160px;}
    #menulat {float: left; color: #ffffff; background-color: transparent; background: url('imagenes/fondomenulat.jpg'); border: 1px solid #ffffff; width: 133px; height: 150px; margin: 82px 5px 30px 5px; padding: 8px 8px;}
    #menulat h1 {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; margin-bottom: 12px;}
    #menulat ul {padding-left: 0px;}
    #menulat li {color: #ffffff; font-size: 10pt; list-style:circle inside url(imagenes/vinetamenu.gif); margin-left: 10px; line-height: 2.3em;}
    #menulat a:link {text-decoration: none; color: #9999ff; padding-left: 10px; display: block;}
    #menulat a:visited {text-decoration: none; color: #9999ff;}
    #menulat a:hover {text-decoration: none; background-color: #444444; color: #6666ff;}
    #menulat a:active {text-decoration: none; font-weight: bold; color: #ffff00;}
    #publilat {clear: left; background-color: transparent; background: url('imagenes/fondopublilat.jpg'); border: 1px solid #ffffff; width: 133px; height: 800px; margin: 5px 5px 10px 5px; padding: 8px 8px;}
    #titppal {color: #ffffff; font-size: 24pt; text-decoration: none; padding: 5px 5px 5px 0px; font-weight: bold; margin: 12px 0px 20px 0px;}

    /*Capa lateral donde se incluye información de las novedades de la página*/
    #novedades {font-size: 11pt; background-color: #323256; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 87px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
    .titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
    .cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}

    /*Capa lateral donde se incluye información de las últimas noticias sobre Colin*/
    #noticias {font-size: 11pt; background-color: #563030; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
    .titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
    .cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}

    /*Capa lateral donde se incluye la información de registro*/
    #registro {background-color: #305630; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
    .titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
    .cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}

    /*Capa lateral donde se incluye casilla de búsqueda*/
    #buscar {background-color: #565630; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
    .titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
    .cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}

    /*Capa lateral donde se incluye la información de redes sociales*/
    #redes {background-color: #775050; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 30px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
    .titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
    .cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}

    /*Capa pie de página donde incluyo datos mios, contacto y un mapa del sitio*/
    #pie {text-align: left; width: 1024px; margin:0.75em auto; border: 1px solid #ffffff; background: url('imagenes/fondo_03.jpg') repeat; background-color: #444444; height: 20px; color: #999999; }
    .izquierda {float:left; margin: 2px 15px; padding-left: 10px;}
    #pie a:link {color: #999999;}
    #pie a:visited {color: #999999;}
    #pie a:hover {font-weight: bold; color: #999999;}
    #pie a:active {text-decoration: none; font-weight: bold; color: #999999;}

    En cualquier caso gracias por vuestra inestimable ayuda. Estamos en contacto.

  14. #14
    Recien Llegado! Habitual
    Fecha de Ingreso
    27 dic, 08
    Mensajes
    14
    Poder de Reputación
    16
    Lo olvidaba, aquí está la carpeta de imagenes

    http://www.2shared.com/file/KvmSGn0x/imagenes.html

  15. #15
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    15
    Dónde pones la imagen de la lista (la flechita) tienes que poner outside y no inside.

    #menulat li {color: #ffffff; font-size: 10pt; list-style:circle outside url(imagenes/vinetamenu.gif); margin-left: 10px; line-height: 2.3em;}

    En cuanto lo he abierto en local me he dado cuenta ;D

    Saludos!
    Agradece si te ayudan, que desagradecidos ya sobran.

Temas Similares

  1. Problemas con los distintos navegadores
    Por faniru en el foro Foro General
    Respuestas: 2
    Último Mensaje: 23/05/2011, 18:29
  2. Problemas con mi página web en distintos navegadores
    Por balarma en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 15/10/2010, 01:27
  3. Problemas con distintos navegadores
    Por juande4919 en el foro Foro General
    Respuestas: 8
    Último Mensaje: 24/07/2009, 15:22

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •