Entrar

un pequeño problema

.:rancor:. · · Solicitar retirada
tengo un pequeño problema
es en la parte de crear una plantillatengo ya creados tres parrafos dos de eelos con links pero esos link salen en una linea solos
creo que es problema de la hoja de estilos pero no se cual
os dejo una foto de como lo tengo.

esto es lo que tengo escrito en la hoja de estilos:
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li { list-style:none }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue; font-size:1.3em ; text-decoration: none}

saludos
y gracias

P.D.:como se adjunta la foto?¿
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }
.:rancor:. · · Solicitar retirada
codigo html de la plantilla:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    Esta será la zona principal de la web




    Este es mi segundo parrafo en el que os voy a contar lo que me parece lo de crear una pagiana web.Crear una pagina web no es ni facil ni dificil solo hay que pensar un poco y ya esta como yo (aunque yo pienso mucho siempre) sigus paso a paso las lecciones de CCTW pincha y aprende a crear una pagina web</p>


    En este tercer parrafo os voy a contar mis hobis mi primer hobi es la musica ME ENCAAAAAANTA la musica ahora mismo mi cancion preferiada es la cancion del pirata si pinchas este link te saldra la poesia de la cancion del pirata la musica es otra cosa esa mas adelante a lo mejor la pongo</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>


    codigo de la hoja de estilos de la plantilla:


    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: brown }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align: justify}

    pero.....
    como se adjunta una foto en este foro?¿?¿¿?¿??¿¿?¿
    • *Caleb* · · Solicitar retirada
    .:rancor:. escribió:pero.....
    como se adjunta una foto en este foro?¿?¿¿?¿??¿¿?¿

    Sabes hacer las capturas? si sabes, una vez que la tengas, subis la imagen a un host de imagenes

    te recomiendo www.redimg.net

    En la pagina principal haces click al boton examinar y en la nueva ventana que aparece buscas y seleccionas la imagen que queres subir. Pones aceptar y luego, cuando volves a la pagina principal, le das click al boton que esta al lado de "Examinar"

    Cuando termine de subir, te dan una lista de codigos

    Selecciona el que dice "Mostrar en Foros"

    Te dan un codigo asi

    http://www.redimg.net/A/09/11/1/argentinoa.png[*/img]

    que sin esos asteriscos que puse, quedaria asi

    [contenido no disponible]
    .:rancor:. · · Solicitar retirada
    pero esque la imagen la tengo guardada en una de mis carpetas y no se colgarla en internet.
    *Caleb* · · Solicitar retirada
    Ahi te explique como. Parti desde que dije que apretaras el boton "Examinar" de redimg.

    En la nueva ventana, aparecen toooooooodas las carpetas que hay en tu PC

    Supongamos que las imagenes las tenes en Mis Documentos -> Mi pagina Web -> Images

    Asi que tenes que navegar por todas esas carpetitas hasta llegar a la carpeta "images" donde esta la imagen que queres subir a internet

    Cuando la encuentres, le haces doble click y va a estar lista para subir

    Ahora solo resta hacer click al boton celeste de "Redimg" que se encuentra a la derecha de "Examinar" y esperar a que la imagen suba

    Cuando termine, aparece la lista de codigos disponibles para publicar la imagen

    Vos tenes que elegir la que dije anteriormente "Mostrar en Foros"

    Ese codigo que esta al lado, lo seleccionas, lo copias y lo pegas acá en el foro para que la captura de pantalla quede publicada

    Edito

    Si aun no podes, lee esto que escribio Jorgens

    http://www.comocreartuweb.com/phpBB2/ftopic1449.html

    Saludos
    *Caleb* · · Solicitar retirada
    No. Pero podrias intentar seguir esos pasos que te explique ahi o los que explica Jorgens en su tutorial

    No es muy dificil
    Yaneth · · Solicitar retirada
    hola

    mira
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a {color: brown ; text-decoration:none ; display: block }

    este es el culpable de que los enlaces en contenido funcionen como block es decir en linea diferente

    tienes dos opciones

    o creas un grupo para contenido
    o creas un grupo para menu

    por ejemplo
    asi en este grupo pondràs las caracteristicas que desees para contenido
    fijate que donde decia block le puse inline que es su contrario, tambien puedes cambiar los colores , el subrayado, el font etc etc, saludos

    #contenido a:link {}
    #contenidoa:visited {}
    #contenidoa:hover {color:red ; text-decoration:underline ; background-color: silver}
    #contenidoa:active {}
    #contenidoa {color: brown ; text-decoration:none ; display: inline }
    .:rancor:. · · Solicitar retirada
    no todabia no y ademas no se demomento
    me he impreso todas las lecciones para leermelo y aprender algo cuando no pueda poner el PC y luego lo practico en el html-kit
    muchas gracias
    .:rancor:. · · Solicitar retirada
    por cierto yaneth lo que me has escrito
    #contenido a:link {}
    #contenidoa:visited {}
    #contenidoa:hover {color:red ; text-decoration:underline ; background-color: silver}
    #contenidoa:active {}
    #contenidoa {color: brown ; text-decoration:none ; display: inline }
    las a van separadas de la palabra #contenido
    muchas gracias me ha servido todo de ayuda
    XD
    he aprendido dos cosas col gar fotos en interne y poner un link seguido de texto
    XD
    gracias
    .:rancor:. · · Solicitar retirada
    joooo
    ahora tengo otro problema con los link
    mirad os adjunto dos fotos[contenido no disponible]
    esta es sin ponerse encima de un link
    y esta otra de aqui abajo es poniendose encima de un link
    [contenido no disponible]
    se me sale el fondo
    por que?¿
    ahora lo que tego escrito en el html es:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    <h1>Esta será la zona principal de la web</h1>




    Este es mi segundo parrafo en el que os voy a contar lo que me parece lo de crear una pagiana web.Crear una pagina web no es ni facil ni dificil solo hay que pensar un poco y ya esta como yo (aunque yo pienso mucho siempre) sigues paso a paso las lecciones de CCTW (pincha y aprende a crear una pagina web)y al final te saldra la página.</p>


    <h3>Este es mi tercer párrafo</h3></p>


    En este tercer parrafo os voy a contar mis hobis mi primer hobi es la musica ME ENCAAAAAANTA la musica ahora mismo mi cancion preferiada es la cancion del pirata si pinchas este link te saldra la poesia de la cancion del pirata la musica es otra cosa esa mas adelante a lo mejor la pongo</p>
    </div>
    <div id="body">socoooooooooorroooooooooooooooo un pokemooooon [contenido no disponible] uno no cinco [contenido no disponible] [contenido no disponible] [contenido no disponible] [contenido no disponible]</p></div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    y en la hoja de estilos:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion {background-color: gray ; border: black 1px solid }
    #body {background-color: blue ; border: black 1px solid }
    #contenido {background-color: orange ; width:auto ; float:left ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:5px 5px 5px 5px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: brown ; border: black 1px solid }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align: justify}
    #contenido a:link {}
    #contenido a:visited {}
    #contenido a:hover {color:red ; text-decoration:underline ; background-color: #54FF9F}
    #contenido a:active {}
    #contenido a {color: brown ; text-decoration:none ; display: inline }
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h3 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

    que es lo que pasa?¿
    • .:rancor:. · · Solicitar retirada
    [contenido no disponible]
    no me sale lo del logotipo.
    Esto es lo del HTML plantilla
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"></div>
    [contenido no disponible]
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>


    <h1>Esta será la zona principal de la web</h1>




    Este es mi segundo parrafo en el que os voy a contar lo que me parece lo de crear una pagiana web.Crear una pagina web no es ni facil ni dificil solo hay que pensar un poco y ya esta como yo (aunque yo pienso mucho siempre) sigues paso a paso las lecciones de CCTW (pincha y aprende a crear una pagina web)y al final te saldra la página.</p>


    <h3>Este es mi tercer párrafo</h3></p>


    En este tercer parrafo os voy a contar mis hobis mi primer hobi es la musica ME ENCAAAAAANTA la musica ahora mismo mi cancion preferiada es la cancion del pirata si pinchas este link te saldra la poesia de la cancion del pirata la musica es otra cosa esa mas adelante a lo mejor la pongo</p>
    </div>
    <div id="body">socoooooooooorroooooooooooooooo un pokemooooon [contenido no disponible] uno no cinco [contenido no disponible] [contenido no disponible] [contenido no disponible] [contenido no disponible]</p></div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    y esto lo de la hoja de estilo-general
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid ;
    height:85px}
    #logotipo {background-color: brown ;
    width:280px ;
    float:left }
    #publicidad {background-color: pink ;
    width:518px ;
    float:right }
    #navegacion {background-color: gray ;
    border: black 1px solid }
    #body {background-color: blue ;
    border: black 1px solid }
    #contenido {background-color: orange ;
    width:800 ;
    float:left ;
    border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ;
    text-indent: 15px}
    #menu {background-color: yellow ;
    width: 150px ;
    float:left ;
    text-align:left ;
    margin-right: 10px ;
    margin:5px 5px 5px 5px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid}
    a {color: brown ;
    text-decoration:none ;
    display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ;
    text-decoration:underline ;
    background-color: silver}
    a:active {}
    p {text-align: justify}
    #contenido a:link {}
    #contenido a:visited {}
    #contenido a:hover {color:red ;
    text-decoration:underline ;
    background-color: #54FF9F}
    #contenido a:active {}
    #contenido a {color: brown ;
    text-decoration:none ;
    display: inline }
    h1 {font-size: 1.2em ;
    color:blue ;
    font-weight: bold ;
    text-decoration: underline ;
    text-align: center}
    h3 {font.size: 1.1em ;
    color:blue ;
    font-weight: bold ;
    text-decoration: none ;
    text-align: center}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow: hidden }

    si me pudieran resolver la duda seria un gran alibio
    gracias :lol:
    • .:rancor:. · · Solicitar retirada
    hola
    me gustaria saber como hacer que pinchando un enlaze se abra y salga mas enlaces ejemplo:

    1.- Inicio
    2.-Grupos
    2.1.-pig noise
    2.1.1.-CDs
    2.1.1.1.-CD1
    2.1.1.2.-CD2
    2.1.1.3.-CD3
    2.1.1.4.-CD4
    2.1.2.-Miebros
    2.2.-Estopa
    2.2.1.-CDs
    2.2.1.1.-CD1
    2.2.1.2.-CD2
    2.2.1.3.-CD3
    2.2.1.4.-CD4
    2.2.2.-Miebros

    Los numeros los cambiare por puntos cuadrados y cosas de esas y si no lo dejo en blanco depende
    Como podria hacer que pinchando grupos salieran pig noise y estopa y que pinchando uno de eso salga CDs y miembros, etc.?¿
    me hariais un gran favor