Entrar

No puedo poner enlace donde quiero....

Javiito · · Solicitar retirada
Buenas noches...

A ver si alguien puede ayudarme, soy bastante novato en la creación de páginas web y he decidido ver si puedo crear una muy sencilla, pero tengo un problemilla, no consigo poner enlaces donde me gustaria. Os explico

Me gustaría colocar 5 enlaces en forma de piramide, es decir uno en el centro en la parte superior, ese lo tengo hecho dentro de una capa.

otros 2 enlaces en otra capa (esos también he conseguido jugando con los margenes)

Pero los siguientes 2 en la tercera capa no consigo acertar con los margenes, se descuadra todo, yo se que no lo estaré haciendo bien, porque seguramente estoy utilizando lo que no es, pero prefiero arriesgarme, os dejo lo que tengo puesto en la hoja de estilos a ver si algun alma caritativa... :roll:


#contenido1 li {float:left ; list-style:none ; margin: 0px 10px 0px 200px }
#contenido2 li {float:left ; list-style:none ; margin: 0px 40px 0px 260px }

y en la hoja de la plantilla:


<div id="contenido1">
<ul>
  • <a href="#">Trabajos2
  • <ahref="#">Trabajos3
    </div>
    <div id="contenido2">
    <ul>
  • <a href="#">Trabajos4
  • <a href="#">Trabajos5
    </div>

    Gracias
    :cry:
    • rodojpm · · Solicitar retirada
    Vamos a organizarnos un poco,

    quieres una priramide de enlaces tipo:


    ________________Trabajo 1________________

    ________trabajo 2_________trabajo 3________

    trabajo 4_________________________trabajo 5



    Escogiste usar listas; muy buena eleccion diria yo, cada lista se encuentre en una linea diferente puedes usar la etiqueta "clean", pero vamos a simplificarnos un poco el asunto y vamos a dejar todo como esta estructurado,

    solo agrega despues de cada <ul> escribe
    ,que es para que baje a escribir a la proxima linea,
    nota este codigo no se cierra

    vamos a verlo


    <div id="contenido1">
<ul>[*]<a href="#">Trabajos2[*]<ahref="#">Trabajos3[/list]


</div>
<div id="contenido2">
<ul>
[*]<a href="#">Trabajos4[*]<a href="#">Trabajos5[/list]


</div>

    si tienes alguna otra duda, o sientes que esto quedo incompleto o no entendiste no dudes en contactarme:
    respondiendo este tema es una buena opcion :?: :!: :?: :!: :idea: :arrow:
    Javiito · · Solicitar retirada
    Gracias por la rápida respuesta.

    Efectivamente lo que quiero hacer es el esquema que interpretaste, pero el problema que tengo no es de espacios de lineas, sino mas bien de espacios entre los links lo que tengo ahora es mas o menos....


    _________________________Trabajo1

    ____________Trabajo2___________________Trabajo3


    ____________Trabajo 4_________________________Trabajo 5


    Y lo que estoy buscando es como poder poner el Trabajo4 en su lugar, en forma de piramide, pero ni siquiera se si estoy haciendolo con los codigos correctos :S

    Muchas gracias!!!!
    Yaneth · · Solicitar retirada
    pega aqui los codigos completos de como lo haces

    asi veremos el fallo

    saludos
    Javiito · · Solicitar retirada
    Hasta ahora tengo esto, como ya dije estoy comenzando y no tengo mucho hecho, pero es que ya me ha bloqueado el no poder colocar en la posicion que quiero los links, gracias

    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">
    <div id="global">
    <div id="cabecera">Título</div>
    <div id="contenido"><a href="#">trabajos</div>
    <div id="contenido1">
    <ul>
  • <a href="#">Trabajos2
  • <a href="#">Trabajos3

    </div>
    <div id="contenido2">
    <ul>
  • <a href="#">Trabajos4
  • <a href="#">Trabajos5

    </div>
    <div id="contenido3">Barra de contenido3</div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </head>
    <body><body>
    </html>


    La hoja de estilos:

    body {background-color: #0000FF ; text-align: center}
    #cabecera {background-color: blue ; height:100px }
    #contenido {background-color: red ; height:100px }
    #contenido1 {background-color:orange ; height:100px }
    #contenido2 {background-color:white ; height:100px }
    #contenido3 {background-color:orange ; height:100px }
    #pie {background-color: pink ; height:100px}
    #global {width:800px ; margin: 4px auto }
    #contenido li {float:center ; list-style:none}
    #contenido1 li {float:left ; list-style:none ; margin: 0px 10px 0px 200px }
    #contenido2 li {float:left ; list-style:none ; margin: 0px 40px 0px 260px }



    GRaciaaaaaaas
    • kevin · · Solicitar retirada
    hola, este es tu error

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    <div id="global">
    <div id="cabecera">Título</div>
    <div id="contenido"><a href="#">trabajos</div>
    <div id="contenido1">
    <ul>
  • <a href="#">Trabajos2
  • <a href="#">Trabajos3

    </div>
    <div id="contenido2">
    <ul>
  • <a href="#">Trabajos4
  • <a href="#">Trabajos5

    </div>
    <div id="contenido3">Barra de contenido3</div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </head>
    <body><body>
    </html>

    ese es el malo y el de abajop el bueno

    <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">Título</div>
    <div id="contenido"><a href="#">trabajos</div>
    <div id="contenido1">
    <ul>
  • <a href="#">Trabajos2
  • <a href="#">Trabajos3

    </div>
    <div id="contenido2">
    <ul>
  • <a href="#">Trabajos4
  • <a href="#">Trabajos5

    </div>
    <div id="contenido3">Barra de contenido3</div>
    <div id="pie">Este es el pie de página</div>
    </div><body>
    </html>

    NOTA: todo lo que vaya a salir en la web enlaces,contenido,imagenes,videos tiene que ir entre <body></body> ok
    no entre <head></head> ya eso es otra parte de la web

    saludos, buen dia
    • Att. Kevin
    Javiito · · Solicitar retirada
    Gracias, en principio si que estaba incorrectamente, pero aun asi visualizaba igual la página ya que no tenía gran cosa dentro, pero el problema de los links los sigo teniendo, el problema es que no se jugar con los margenes para incluir los links en la misma capa, no encuentro los signos para dejar un espacio hueco entre ellos :(
    Yaneth · · Solicitar retirada
    olvidaste cerrar los <a>

    un enlace se hace asi

    enlace


    yo lo arreglé con class

    mira

    body {background-color: #0000FF ; text-align: center}
    #cabecera {background-color: blue ; height:100px }
    #contenido {background-color: red ; height:100px }
    #contenido1 {background-color:orange ; height:100px }
    #contenido2 {background-color:white ; height:100px }
    #contenido3 {background-color:orange ; height:100px }
    #pie {background-color: pink ; height:100px}
    #global {width:800px ; margin: 4px auto }
    #contenido li {float:center ; list-style:none}
    #contenido1 li {float:left ; list-style:none ; margin: 0px 10px 0px 200px }
    #contenido2 li {float:left ; list-style:none ; }
    .trabajo4 {margin: 0px 0px 0px 70px }
    .trabajo5 { margin: 0px 0px 0px 500px;}

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

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="ayuda2.css" type="text/css" media="all">
    <body>
    <div id="global">
    <div id="cabecera">Título</div>
    <div id="contenido">trabajos</div>
    <div id="contenido1">
    <ul>
  • Trabajos2
  • Trabajos3

    </div>
    <div id="contenido2">
    <ul>
    <li class="trabajo4">Trabajos4<li class="trabajo5">Trabajos5

    </div>
    <div id="contenido3">Barra de contenido3</div>
    <div id="pie">Este es el pie de página</div>
    </div>
    </head>
    <body>
    </html>
    • Javiito · · Solicitar retirada
    Siiiiiiiiiiiiiiiiiiiiiiiiiiii

    Muchisimas graciaaaaas!!! ya lo he podido conseguiiiiir!!! ueeeeeeeee

    Muchas graciasssss de verdad :)

    A seguirrrrrr!!!! :)