Entrar

Problemita con Imagen y/o Logotipo

fuzzy · · Solicitar retirada
mira.... yo ya casi termine el curso PASO A paso.. y me puse a probar si podiar ir toqueteando la pagina que era de ejemplo.. y empese por cambiarle el logotipo y ponerle una imagen propia.

loque me sucedio fue, que cuando cambio La imagen.. y eso que esta en OBJETOS y toda la bola. pero cuando pongo "vista Preliminar" sale una X en la imagen , no c que sera si los Pixeles estan mal o no entra o algo asi. no c si pueden tirar alguna idea .


desde ya Muchas Gracias
fernando mendoza · · Solicitar retirada
hola fuzzy te hago una pregunta ya tu subistes los cambios que tienes en la carpeta objetos al servidor te recuerdo que cada vez que haces cambios en la plantilla y estilos-generales y cambios de imagenes en la carpeta objetos tienes que subir esos cambios a el servidor y tienes que dar en actualizar despues que lo subes.
saludos.
fuzzy · · Solicitar retirada
si yo no me referia a subirlos al SERVIDOR. yo quiero tocarla en mi computadora nomas.. la idea es .. hacer la web. desde el ejemplo y dps subirla a un dominio


Saludos
fernando mendoza · · Solicitar retirada
hola como usted dice ya casi termine de hacer mi pagina yo pense que usted ya la habia subido, como no es asi entonces muestrenos su plantilla.html y su hoja de estilo-general.css
saludos.
fuzzy · · Solicitar retirada
http://pruebahtml.uuuq.com/

lo que queria era cambiar la Imagen del logotipo. por que no me deja ni el HTML KIT ... (Amarillo).


Lo subi con otro hosting por que razyhosting estaba caido en ese momento, la hoja de estilos te la dejo aca abajo.



#publicidad {background-color: none ; width: 518px ; float: right ; margin-top: 25px }

#navegacion {background-color: gray ; border: black 1px solid ; height: 20px }

#navegacion li {list-style:none ; float:left ; margin: 0px 20px 0px 20px }

#navegacion ul {margin-left: 60px }

#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:10px 10px 10px 10px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ; padding-bottom: 5px ; padding-top: 12px }

#menu h1 {text-decoration: none ; font-size: 12px ;
background-image: url(objetos/menu-parte-inferior.gif) }

#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 ;
height: 65px }

#pie li {list-style:none ; font-size:12px }

#pieuno {background-color: white ; float: left ; width: 150px
; }
#piedos {background-color: none ; float: left ; width: 498px }
#pietres {background-color: white ; float: left ; width: 150px
; }

#curva-inferior{background-image: url(objetos/curva-inferior.gif) ;
blackground-repeat: no-repeat ; width: 800px ; height: 12px ;
overflow: hidden }

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

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}



PD/ Si ves en la Pagina .. tiene varios errores.. si me podes ayudar a corregirlos , estaria de 10 ;)
fuzzy · · Solicitar retirada
fuzzy escribió:http://pruebahtml.uuuq.com/

lo que queria era cambiar la Imagen del logotipo. por que no me deja ni el HTML KIT ... (Amarillo).


Lo subi con otro hosting por que razyhosting estaba caido en ese momento, la hoja de estilos te la dejo aca abajo.



#publicidad {background-color: none ; width: 518px ; float: right ; margin-top: 25px }

#navegacion {background-color: gray ; border: black 1px solid ; height: 20px }

#navegacion li {list-style:none ; float:left ; margin: 0px 20px 0px 20px }

#navegacion ul {margin-left: 60px }

#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:10px 10px 10px 10px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ; padding-bottom: 5px ; padding-top: 12px }

#menu h1 {text-decoration: none ; font-size: 12px ;
background-image: url(objetos/menu-parte-inferior.gif) }

#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 ;
height: 65px }

#pie li {list-style:none ; font-size:12px }

#pieuno {background-color: white ; float: left ; width: 150px
; }
#piedos {background-color: none ; float: left ; width: 498px }
#pietres {background-color: white ; float: left ; width: 150px
; }

#curva-inferior{background-image: url(objetos/curva-inferior.gif) ;
blackground-repeat: no-repeat ; width: 800px ; height: 12px ;
overflow: hidden }

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

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}



PD/ Si ves en la Pagina .. tiene varios errores.. si me podes ayudar a corregirlos , estaria de 10 ;)









Ya solucione lo del logotipo, quedaria por ver por que me sale mal la imagen de curva de abajo.. y estarimos. si me das una mano en eso ;)

Saludos
Yaneth · · Solicitar retirada
tienes algunos fallos

mira aqui

<div id="publicidad"></div> Bienvenidos a mi Web</div>

cerraste y abriste publicidad, sin poner el contenido dentro
luego vuelves a cerrar lo que seria la cabecera
creo que te sobra el primer cierre

luego de cerrar el div logotipo
debes cerrar la cabecera

y te falta cerrar el div pie

checa eso, lo subes y nos avisas

saludos
fuzzy · · Solicitar retirada
eso ya lo corregi, pero hay otro problema cuando entras a algun link de la barra lateral. la imagen se pone ensima de la barra de navegacion , creo que es la hoja de estoi (abajo la dejo por las dudas).

Tambien sigue el problema de la curva de abajo..:S se va para el costado..
fijate en que podes darme una mano ;)


desde ya gracias ;)



* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: none}
h1 { font-size: 1.4em ; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 { font-size: 1.0em ; color:blue ; font-weight: bold ; text-decoration: none ; text-aling: center }

body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior{background-image:url(objetos/curva-superior.gif) ; blackground-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 {background-color: white ; width: 280px ;float:left ; border-left: 1px black solid ; border-right: 1px black solid ; border-top: 1px black solid}

#publicidad {background-color: none ; width: 518px ; float:right ; margin-top: 25px }

#navegacion {background-color: gray ; border: black 1px solid ; height: 20px }

#navegacion li {list-style:none ; float:left ; margin: 0px 20px 0px 20px }

#navegacion ul {margin-left: 60px }

#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:10px 10px 10px 10px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ; padding-bottom: 5px ; padding-top: 12px }

#menu h1 {text-decoration: none ; font-size: 12px ;
background-image: url(objetos/menu-parte-inferior.gif) }

#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 ;
height: 65px }

#pie li {list-style:none ; font-size:12px }

#pieuno {background-color: white ; float: left ; width: 150px
; }
#piedos {background-color: none ; float: left ; width: 498px }
#pietres {background-color: white ; float: left ; width: 150px
; }

#curva-inferior{background-image: url(objetos/curva-inferior.gif) ;
blackground-repeat: no-repeat ; width: 800px ; height: 12px ;
overflow: hidden }

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

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
luisf · · Solicitar retirada
Hola, la dimensión de la pagina ya está dada en "#global" tal vez no necesites este otro para la imagen de "Curva Inferior"


#curva-superior{background-image:url(objetos/curva-superior.gif) ; blackground-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden }




#curva-inferior{background-image: url(objetos/curva-inferior.gif) ;
blackground-repeat: no-repeat ; width: 800px ; height: 12px ;
overflow: hidden }

Cordialmente luisf
www.samaelsirio.com
fernando mendoza · · Solicitar retirada
con el permiso de los compañeros y compañeras espero que no se molesten por mi intromision.

hola fuzzy vamos a corregir esto que le marco en su hoja de estilo-general.css.

p {text-align: none} aqui va (justify)

2 { font-size: 1.0em ; color:blue ; font-weight: bold ; text-decoration: none ; text-aling: center } aqui (text-align: center)

#curva-superior{background-image:url(objetos/curva-superior.gif) ; blackground-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden } aqui (background-repeat: no-repeat ; width: 800px ; )

#curva-inferior{background-image: url(objetos/curva-inferior.gif) ;
blackground-repeat: no-repeat ; width: 800px ; height: 12px ;
overflow: hidden aqui (background-repeat: no-repeat ; width: 800px ) en rojo lo que esta mal
saludos.
fuzzy · · Solicitar retirada
ya acomde la barra de abajo, ahora me kedo un problema con parte superior del menu :S no c por que sale una raya blanca arriba del menu:S
hay lo dejo al css para k vean

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 { font-size: 1.4em ; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 { font-size: 1.0em ; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center }

body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px }

#cabecera {background-color:none ; border-right: black 1px solid ; border-left: black 1px solid }

#publicidad {background-color:none ; width: 800px ; height:100px ; margin-top: 0 }

#logotipo {background-color: none ; width: 633 ; height:81 ;margin: 0px 83.5px 0px 83.5px; border-left:none ; border-right:none ; border-top: none}

#navegacion {background-color: gray ; border: black 1px solid ; height:25 }

#navegacion li {list-style:none ; float:left ; margin: 0px 20px 0px 20px }

#navegacion ul {margin-left: 60px }

#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 { background-color:red; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif); background-repeat: no-repeat ;
background-position: bottom ; padding-bottom: 5px ; padding-top: 12px }

#menu h1 { text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif) ; height:30px ; width:126px ;
background-repeat:no-repeat }

#menu li { list-style:none ; margin: 4px 0px 4px 6px }

#pie {background-color: red ; border-top: black 1px solid ;
height: 65px ;width: ; border-left: black 1px solid ; border-right: black 1px solid }

#pieuno {background-color: white ; float: left ; width: 150px }
#piedos {background-color: white ; float:center ; width: 650px }
#pietres {background-color: white ; float: right; width: 150px; }

#pie li {list-style:none ; font-size:12px }

#curva-inferior {background-color:red ;background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;margin: 10px 0px 0px 0px; height: 12px ; width:800px ; }

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

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Yaneth · · Solicitar retirada
veamos
te falta cerrar la div cabecera
te falta cerrar la div pie

en contenido pusiste algo asi
borra lo rojo



<h1>texto</h1></p>

en los enlaces olvidaste cerrar un li

  • Directorio
  • TopSite

    ahora en css

    tu div cabecera mide 800px de ancho

    dentro pusiste dos divs logotipo 280px, y publicidad 518px
    hasta aqui bien (aunque debes dejarle unos 3 pixeles extra)
    pero dentro de logotipo pusiste una imagen que mide 633 de ancho


    lo checas y nos avisas :wink: