Entrar

logotipo

Vitor · · Solicitar retirada
Pregunta relacionada con la del dia 08-02.

El logotipo lo guarde en "png" en vez de "jpg" y funcionó, ahora se ve, pero con un problema, se ve en todas las carpetas que he creado pero en la plantilla no, ademas se ve muy estrecho, he intentado darle mas altura en la hoja de estilos y no obedece.
Reproduzco plantilla y hoja de estilos:

<html>
<head>
<title>Empresa Plastivican</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
  • Portada
  • Historia
  • fabricados
  • imagenes

    </div>

    <div id="contenido">

    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>

    <h1>Plastivican</h1>


    Empresa dedicada al moldeo de plástico por vacío</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Estilos:

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; height: 80px; float:left}
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: pink ; border: black 1px solid; height: 20px }
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
    #menu {width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom; padding-bottom:2px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px}
    a {color: blue; font-size:1,1em ; text-decoration: none; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red; tex-decoration: underline; background-color: silver}
    a:active {}
    #pie {border-left: black 1px solid ; border-right: black 1px solid ;
    border-top: black 1px solid ; height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }
    #curva-inferior { background-image: url(objetos/parte-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px
    overflow: hidden }


    En estilos observareis, que faltan los ../, siles coloco desfigura la página, por el contrario si, no les pongo se ve perfecta.
    Saludos.
    • Vitor · · Solicitar retirada
    No, no la he suvido, no he querido mientras no vea el logotipo.
    Saludos.
    nosabernada · · Solicitar retirada
    Hola,

    creo que es un fallo de extensiones. Comprueba si la imagen que tienes en objetos termina en png

    Adios
    Vitor · · Solicitar retirada
    Compruevo la imagen en objetos, y efectivamente termina en "png", pero decirme es normal que el logotipo se vea en todas las páginas habiertas y en la plantilla no? aunque no se vea correcto. No quiero subirle a la web mientras no esté correcta la plantilla, ¿Que opinais?.
    Saludos.
    Crane · · Solicitar retirada
    Haber no se si sera esto ya que yo acabo de acabar el curso de cctw, pero por una opinion mas no pasa nda. xD

    <div id="logotipo">../index.html"][contenido no disponible]</div>

    Prueba quitando lo que te e señalado en rojo, tal vez sea eso.

    Comprueba tambien que el nombre de la carpeta objetos sea exctamente el mismo que has puesto en la ruta.

    Un saludo espero haberte ayudado
    Raulyure · · Solicitar retirada
    Vitor escribió:Pregunta relacionada con la del dia 08-02.

    El logotipo lo guarde en "png" en vez de "jpg" y funcionó, ahora se ve, pero con un problema, se ve en todas las carpetas que he creado pero en la plantilla no, ademas se ve muy estrecho, he intentado darle mas altura en la hoja de estilos y no obedece.
    Reproduzco plantilla y hoja de estilos:

    <html>
    <head>
    <title>Empresa Plastivican</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body>
    <div id="global">

    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Portada
  • Historia
  • fabricados
  • imagenes

    </div>

    <div id="contenido">

    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>

    <h1>Plastivican</h1>


    Empresa dedicada al moldeo de plástico por vacío</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Estilos:

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; height: 80px; float:left}
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: pink ; border: black 1px solid; height: 20px }
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: orange; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
    #menu {width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom; padding-bottom:2px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px}
    a {color: blue; font-size:1,1em ; text-decoration: none; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red; tex-decoration: underline; background-color: silver}
    a:active {}
    #pie {border-left: black 1px solid ; border-right: black 1px solid ;
    border-top: black 1px solid ; height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }
    #curva-inferior { background-image: url(objetos/parte-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px
    overflow: hidden }


    En estilos observareis, que faltan los ../, siles coloco desfigura la página, por el contrario si, no les pongo se ve perfecta.
    Saludos.

    • Hola:
    Si veo sus códigos, noto que usted ha creado unas páginas y las ha puesto dentro de unas carpetas, y según el curso, estaría bien, pero, y acá viene el pero.

    Según el curso, usted debe de tener dentro de la carpeta por ejemplo la "web-ejemplo-cctw" una pagina index.html, una hoja de estilo.css que pertenezca a esa página index.html, una pagina plantilla.html, una hoja de estilo llamada estilo-general.css y también dentro de esa carpeta "web-ejemplo-cctw" debe tener una carpeta llamada objetos, eso es lo que tiene que tener dentro de la carpeta "web-ejemplo-cctw".

    Ahora si usted hace más páginas, y esas páginas llevarán algunas imagenes que solo tendrán esas páginas, entonces puede crear dentro de la carpeta "web-ejemplo-cctw" una carpeta para meter allí esa página que va a crear, y también dentro de esa misma carpeta puede crear una carpeta objetos para poner allí las imagenes que va a atener esa página.

    Pero, ni el index ni la pagina plantilla, debe ponerla dentro de ninguna otra carpeta más que en la que tiene que estar, que sería dentro de la carpeta "web-ejemplo-cctw"


    Dentro de la carpeta "web-ejemplo-cctw"
    index.html
    estilo.css
    plantilla.html
    estilo-general.css
    Carpeta objetos (dentro va: el logotipo)
    Más estas otras carpetas
    Carpeta historias (dentro va: historias.html--carpeta objetos)
    Carpeta fabricados (dentro va: fabricados.html--carpeta objetos)
    Carpeta imagenes (dentro va: imagenes.html--carpeta objetos)

    Entonces, teniéndo de esta manera, allí en la capa cabecera puede poner los códigos así:

    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi web</div>
    <div id="publicidad">Bienvenidos a mi web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Portada
  • Historia
  • fabricados
  • imagenes

    </div>

    Luego, es en sus paginas creada dentro de las otras carpetas donde tiene que poner los códigos de los enlaces con los dos puntos y la barra

    Ya nos dirá

    Saludos
    • Agradecido de los que aprenden enseñando
    Vitor · · Solicitar retirada
    He quitado los ../ de la plantilla como me decis y efectivamente ha funcionado, ahora tambien se ve el logotipo en la plantilla, pero como decía en un principio, no se ve normal, aparece estirado, estrecho, he intentado darle altura en estilos, pero no obedece, ¿que puede ser?.
    Un saludo y gracias.
    Crane · · Solicitar retirada
    Prueba a darle espacion el la pagina en lugar que en la hoja css.

    <div id="logotipo">[contenido no disponible]</div>

    Intenta darle mas o menos espacio a la capa y teoricamente se tendria k ver bien.

    Te he señalado lo que tienes que modificar en rojo como la otra vez.

    Un saludo y suerte!
    Raulyure · · Solicitar retirada
    Vitor escribió:He quitado los ../ de la plantilla como me decis y efectivamente ha funcionado, ahora tambien se ve el logotipo en la plantilla, pero como decía en un principio, no se ve normal, aparece estirado, estrecho, he intentado darle altura en estilos, pero no obedece, ¿que puede ser?.
    Un saludo y gracias.

    Hpla:
    ¿Porqué no pone acá todos los códigos de su hoja de estilo-general y los de su plantilla?
    Porque en el spot anterior (el que puso al principio) no nos pegó todos los códigos de su hoja de estilo, ya que faltaba el código del body, el del asterisco etc.

    Saludos
    Agradecido de los que aprenden enseñando
    Vitor · · Solicitar retirada
    El faltar alguna linea de estilos ha sido un error al pinchar para copiar.

    Lo del logotipo ya está arreglado, como decia Crane le di mas espacio a la capa y efectivamente ya se ve bien.
    Muchas gracias, un saludo, sois formidables.