0

Les dejo mi fragmento de codigo de lo que estoy queriendo hacer.

Mi css y el Html ya los eh probado en Visual Studio Code y funcionan perfecto. Es un simple Menú que estoy queriendo utilizarlo como layout, pero para probarlo lo estoy usando en cada vista, además que todavia nosé cómo hacer un Layout en Eclipse.

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*, *::before, *::after{
    box-sizing: inherit;
}

body{
    line-height: 1.6;
}

header{
    margin-bottom: 10px;
}

ul{
    text-align: center;
}

nav{
    display: flex;
    justify-content: space-around;
    min-height: 8vh;
    background-color: rgb(50, 56, 66);
}

.enlaces-menu{
    display: flex;
}

.enlaces-menu li{
    padding: 0 40px;
    list-style-type: none;
    color: #fff;
    transition: 0.3s;
    margin: 10px;
}

.enlaces-menu li a{
    font-size: 1.8rem;
    text-decoration: none;
    font-weight: 600;
}

.enlaces-menu li:hover{
    background-color: rgb(62, 130, 197);
    cursor: pointer;
}

.btnCerrarSesion{
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1.8rem;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
}
    <header>
          <div>
            <nav>
              <ul class="enlaces-menu">
                <li type="button"><a href="#">Biblioteca</a></li>
                <li type="button"><a href="#" >Prestamos</a></li>
                <li type="button"><a href="#">Clientes</a></li>     
              </ul>
              <ul class="enlaces-menu">
                <li>
                  <button class="btnCerrarSesion">Cerrar Sesión</button>
                </li>
              </ul>
            </nav>
          </div>
    </header>

Y asi se ve

introducir la descripción de la imagen aquí

Estoy tratando de linkear mi css a mi html en Java. Estoy usando el IDE Eclipse.

Acá tengo mi archivo Css

introducir la descripción de la imagen aquí

Y así es como estoy linkeando:

<link rel="stylesheet" type="text/css" href="../css/Main.css"/>

o <link rel="stylesheet" type="text/css" href="~/css/Main.css"/> Y me dice que no existe la etiqueta Header, lo que me resulta raro.

3
  • No estoy seguro de como funciona ese un IDE (nunca lo he usado para desarrollo web) pero, si mal no recuerdo, al poner los dos puntos (../) estas llamando a la carpeta raiz, en tu caso, llamas a Web Content y dentro de esta, no existe la carpeta css. Es posible que por eso no te este llamando a los estilos de tu hoja. Commented el 26 jun. 2022 a las 11:41
  • Gracias! voy a ver eso... Commented el 26 jun. 2022 a las 18:53
  • Parece que ni con la virgurilla o los dos puntos no me funciona... Commented el 26 jun. 2022 a las 19:07

1 respuesta 1

0

Yo probaría con href="/WEB-INF/lib/css/Main.css", en este caso la ruta es absoluta desde la raíz del proyecto y debería funcionar.

1
  • Tampoco me funcionó.. Commented el 28 jun. 2022 a las 12:53

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.