Entrar

problemillas con los sub-apartados del menú

Sara · · Solicitar retirada
Hola a todos,

Primero que nada felicidades por la página... es genial! hasta yo me atrevo a hacer una página web (soy un poco negadilla con los ordenadores...)

Pues mi problema es que las viñetas de los sub-apartados se me quedan a la izquierda cuando pongo el margen hacia la derecha... jo que lío (la verdad Jorgens en que tienes mucho mérito!). O sea que me quedan las letras y las viñetas separadas.

Uf, espero que hayáis entendido algo y me podáis ayudar.

Muchas gracias!!!!!!!

Hasta la próxima
JorGens · · Solicitar retirada
Bienvenida Sara!!! Nos alegra ser uno más :wink:

Bueno, con esas pistas... no podemos hacer mucho. Lo mejor es que podamos ver el código de tu página. Si ya has podido enviarla a internet dinos la dirección, sino, puedes pegar el codigo de una página html que te de ese problema aqui mismo (todo el codigo html) y tambien todo el codigo de la hoja de estilo.

Así, la descargamos en nuestros ordenadores, la visualizamos y podemos ver el error y contarte cosas, oki?

Ale, ánimo que esto no es tan complicao! :wink:
Sara · · Solicitar retirada
Hoooola,

Aquí os envio el html. Lo intenté hacerlo todo paso a paso, pero...


<html>
<head>
<title>TARANN&Agrave; : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>

<body bgcolor=>


<table border="0px" cellspacing="0px" cellpadding="0px" class="ancho95">
<tr>
<td class="a1">logotipo</td>
<td class="a2"></td>
</tr>
</table>


<table border="0px" cellspacing="0px" cellpadding="0px" class="ancho95">
<tr>
<td class="b1">titulo</td>
<td class="b2">ruta</td>
<td class="b3">[contenido no disponible]
[contenido no disponible] </td>
</tr>
</table>


<table border="0px" cellspacing="0px" cellpadding="0px" class="ancho95">
<tr>
<td class="c1">
<ul>
  • Presentaci&oacute;
  • Enginyeria de forests
    <li class="sub-apartado">Serveis
    <li class="sub-apartado">Projectes realitzats
  • Cartografia i afitament
  • Sensibilitzaci&oacute; i educaci&oacute; ambiental
    <li class="sub-apartado">Serveis
    <li class="sub-apartado">Projectes realitzats
  • Enlla&ccedil;os interessants
  • Noticies i convocat&ograve;ries
  • Qui som

    </td>
    <td class="c2">contenido</td>
    </tr>
    </table>


    <table border="0px" cellspacing="0px" cellpadding="0px" class="ancho95">
    <tr>
    <td class="d1">contador</td>
    <td class="d2">opciones</td>
    <td class="d3">[contenido no disponible]
    [contenido no disponible] </td>
    </tr>
    </table>


    <table border="0px" cellspacing="0px" cellpadding="0px" class="ancho95">
    <tr>
    <td class="e1">&Uacute;ltima actualitzaci&oacute;: 11-jul-07</td>
    <td class="e2">hueco</td>
    <td class="e3">[correo eliminado]
    &copy;</td>
    </tr>
    </table>


    </p>
    </body>
    </html>



    GRACIAS!
    • Sara · · Solicitar retirada
    Hola Janeth,

    Gracias por contestar.

    A ver, quieres decir poner el codigo en la pagina html? el de: <link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">. Ya está puesto!

    O quieres decir aquello de: texto, estilos css, y seleccionar el estilo? Porque también lo he revisado!!!
    :cry: No se que he hecho mal
    Ax3l · · Solicitar retirada
    Sip lo que te quiere decir wapa.. esque al igual que pusiste el codigo de tu pagina html.. tambien pongas el codigo de tu hoja de estilo.. en tu caso estilo2 lo llamaste me parece
    Yaneth · · Solicitar retirada
    Asi es, abres tu hoja de estilo2.css
    copias todo lo que trae dentro

    y lo copias aqui

    saludos
    Sara · · Solicitar retirada
    Ah perdón, jejeje

    Ahí va:

    table.ancho95 {width:95% ;}


    td.a1{ background-color: white ; width: 150px ; text-align: center ;}
    td.a2{ background-color: white ; text-align: center ;}

    td.b1{ background-color: #0EBEBA ; width: 150px ; font-weight: bold ; text-align: center ;}
    td.b2{ background-color: #0EBEBA ; font-weight: bold ; text-align: center ; color: #000080 ;}
    td.b3{ background-color: #0EBEBA ; width: 50px ; text-align: center ;}

    td.c1{ background-color: #9ED7D7 ; width: 170px ; font-weight: bold ; text-align: left ;}
    td.c2{ background-color: #F6DA98 ; text-align: justify ;}

    td.d1{ background-color: #0EBEBA ; width: 50px ; text-align: center ;}
    td.d2{ background-color: #0EBEBA ; font-weight: bold ; text-align: center ;}
    td.d3{ background-color: #0EBEBA ; width: 50px ; text-align: center ;}

    td.e1{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ;}
    td.e2{ background-color: white ; font-weight: bold ; text-align: center ;}
    td.e3{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ;}

    ul{margin: 0px 0px 0px 9px; padding: 0px 0px 0px 9px ;}

    LI.sub-apartado {text-indent: 20px ;}

    A:link {color: blue ; text-decoration: none}

    A:visited {color: blue ; text-decoration: none}

    A:hover {text-decoration: underline ; color: red}

    A:active {color: red}

    Gracias por tener tanta paciencia!
    Yaneth · · Solicitar retirada
    pusiste que en el sub-apartado le ponga un margen de 20px

    y en la vista previa se mira bien

    no se cual error veas tu,

    saludos