¿Cómo puedo colocar una imagen en un lugar específico de la página,como por ejemplo centrada pero pegada a la izquierda?
Colocar imágenes
Puede crear un div, le das las propiedades correspodientes, bueno no sé, yo por lo menos hago eso :?
puede ser una buena idea gracias
¿pero como le indico el lugar donde quiero colocarla?
¿Qué es exactamente lo que quieres hacer??
Colocar una foto en la parte central del lado izquierdo de la pagina
Ya se como se inserta la imagen pero no se colocarla asi
Ya se como se inserta la imagen pero no se colocarla asi
Pues no sé, lo único que se me ocurre es que hagas varios divs teniendo en cuenta los pixels y así colocarla donde quieras.
Muy buenas :
Yo me comia mucho al principio con eso y la solucion fue bastante sencilla.
Con divs
yo te lo esplico para DW8
como colocarlo a tu gusto?
1º en las lenguetas que tienes encima de la pagina con las opciones de vista: codigo, dividir y diseño te recomiendo que juegues con las opciones dividir y diseño. Yo por lo general trabajo con dividir(veras una parte en html y la otra en formatoo grafico
2º creas un div en el campo diseño( es como cuando quieres crear un cuadro de texto en word)y si lo pinchas lo puedes mover a donde te de la gana.
3º si quieres inserta una imagen pincha con el cursor dentro del div y elige insertar imagen, eliges la que quieres y ...ya esta, puedes mover la imagen con pinchar en el div y arrastrarlo a donde quieras.
4º un problemilla( que no es tal) es el tamaño de la imagen que vas a insertar. imaginate por un momento que el tamaño del div es de 200X200 y cuando insertas la imagen... bumm se hace enorme. Pues no hay problema,pincha sobre la imagen y la reduces a tu gusto, incluso con la imagen seleccionada abres en la parte de abajo el DW en propiedades y le puedes dar el tamaño que te de la gana( esto mismo sirve para dar las medidas del dvi cuando lo tienes seleccionado).
Espero que esto te ayude a lograr lo que quieres. visita mi pagina, esta toda hecha con div y te haces una idea
Saludos y buen rollito
8) 8)
Yo me comia mucho al principio con eso y la solucion fue bastante sencilla.
Con divs
yo te lo esplico para DW8
como colocarlo a tu gusto?
1º en las lenguetas que tienes encima de la pagina con las opciones de vista: codigo, dividir y diseño te recomiendo que juegues con las opciones dividir y diseño. Yo por lo general trabajo con dividir(veras una parte en html y la otra en formatoo grafico
2º creas un div en el campo diseño( es como cuando quieres crear un cuadro de texto en word)y si lo pinchas lo puedes mover a donde te de la gana.
3º si quieres inserta una imagen pincha con el cursor dentro del div y elige insertar imagen, eliges la que quieres y ...ya esta, puedes mover la imagen con pinchar en el div y arrastrarlo a donde quieras.
4º un problemilla( que no es tal) es el tamaño de la imagen que vas a insertar. imaginate por un momento que el tamaño del div es de 200X200 y cuando insertas la imagen... bumm se hace enorme. Pues no hay problema,pincha sobre la imagen y la reduces a tu gusto, incluso con la imagen seleccionada abres en la parte de abajo el DW en propiedades y le puedes dar el tamaño que te de la gana( esto mismo sirve para dar las medidas del dvi cuando lo tienes seleccionado).
Espero que esto te ayude a lograr lo que quieres. visita mi pagina, esta toda hecha con div y te haces una idea
Saludos y buen rollito
8) 8)
no encuentro eso de dividir y diseño
Aupa JLHH:
Se me escapó un pequeño detalle en la explicacion chapa que te solte.
Cuando tienes abierto el documento que quieres hacer en la opcion ver que tienes arriba la pinchas y en el desplegable elige barra de herramientas --> documento y te aparecera una barra con lo que te comentaba.
Ya de paso en esta misma opcion selecciona tambien barra de herramientas --> insertar un menu interesante.
Espero que ahora si puedas seguir adelante, si tienes mas problemas, no dudes en pedir sopitas, o cervecitas, que fresquitas estan.... argggg
Un saludo 8) 8)
Se me escapó un pequeño detalle en la explicacion chapa que te solte.
Cuando tienes abierto el documento que quieres hacer en la opcion ver que tienes arriba la pinchas y en el desplegable elige barra de herramientas --> documento y te aparecera una barra con lo que te comentaba.
Ya de paso en esta misma opcion selecciona tambien barra de herramientas --> insertar un menu interesante.
Espero que ahora si puedas seguir adelante, si tienes mas problemas, no dudes en pedir sopitas, o cervecitas, que fresquitas estan.... argggg
Un saludo 8) 8)
Hola JLHH,
Estas haciendo la web con tablas o con DIVs? Según una cosa u otra, la respuesta es diferente...
Y si nos puedes decir la dirección de la web o mostrarnos una foto será mejor para ayudarte!! :wink:
Estas haciendo la web con tablas o con DIVs? Según una cosa u otra, la respuesta es diferente...
Y si nos puedes decir la dirección de la web o mostrarnos una foto será mejor para ayudarte!! :wink:
Voy a empezar desde el princio,colocar una foto insertada en el lugar de la página que te de la gana(estoy trabajando con divs)¿como puedo hacer esto?
¿nadie sabe colocar una imagen el el lugar que uno quiera en la web?
Hola JLHH :D
Por supuesto que sabemos colocar las imagenes pero necesitamos la direccion de tu pagina web o una foto para poder ayudarte mejor
Saludos :wink:
Por supuesto que sabemos colocar las imagenes pero necesitamos la direccion de tu pagina web o una foto para poder ayudarte mejor
Saludos :wink:
la direccion de mi web es http://semanasantadesevilla.mygamesonline.org/
Por ejemplo la imagen de la macarena(que no se ve) quiero colocarla más arriba.¿Cómo?y sacando este tema,¿por qué no se ven las fotos si las he subido?
Por ejemplo la imagen de la macarena(que no se ve) quiero colocarla más arriba.¿Cómo?y sacando este tema,¿por qué no se ven las fotos si las he subido?
Hola
veo que ya se arreglo la imagen de prototipo
pero sigo viendo los mismos errores que te comenté ayer
tienes esto, para la imagen de prototipo
http://semanasantadesevilla.mygamesonline.org/objetos/prototipo.png
y se mira bien
pero para la imagen de macarena lo tienes asi
http://semanasantadesevilla.mygamesonline.org/Objetos/Macarena.jpg
la carpeta objetos empieza con mayuscula y Macarena tambien
eso quiere decir que tienes 2 carpetas "Objetos" y "objetos"
para que no te confundas, checa bien eso, para que especifiques en que carpeta tienes las imagenes,
cuando hayas arreglado lo de las imagenes, podemos ir viendo como colocarlas a tu gusto
saludos y suerte
veo que ya se arreglo la imagen de prototipo
pero sigo viendo los mismos errores que te comenté ayer
tienes esto, para la imagen de prototipo
http://semanasantadesevilla.mygamesonline.org/objetos/prototipo.png
y se mira bien
pero para la imagen de macarena lo tienes asi
http://semanasantadesevilla.mygamesonline.org/Objetos/Macarena.jpg
la carpeta objetos empieza con mayuscula y Macarena tambien
eso quiere decir que tienes 2 carpetas "Objetos" y "objetos"
para que no te confundas, checa bien eso, para que especifiques en que carpeta tienes las imagenes,
cuando hayas arreglado lo de las imagenes, podemos ir viendo como colocarlas a tu gusto
saludos y suerte
1.le he cambiado el nombre a la carpeta "Objetos" por "objetos" y he vuelto a subir las imágenes,pero se siguen sin ver además en el código de fuente se sigue viendo "Objetos" en vez de "objetos"¿Por qué es?
¿He cambaido el nombre mal(lo cambie al f2)?
2.otra cosa ¿como veis la hoja de estilos en el codigo de fuente?
3.te recuerdo lo de colocar la imagen :)
Ay k ver lo pesao k soy
¿He cambaido el nombre mal(lo cambie al f2)?
2.otra cosa ¿como veis la hoja de estilos en el codigo de fuente?
3.te recuerdo lo de colocar la imagen :)
Ay k ver lo pesao k soy
Hola
esto veo en tu codigo fuente
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Semana Santa de Sevilla</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> <h1>Semana Santa de Sevilla</h1></p>
<p class="centrado">Web en construcción</p>
<p class="centrado"> Página creada gracias a CCTW</p>
<div id="imagen">[contenido no disponible]</div>
<div id="foto">[contenido no disponible]</div>
[correo eliminado]</p>
</body>
</html>
y esto en la hoja de estilos:
body {background-color: #32CD32 ;
background-image: url(objetos/prototipo.png) ;
background-repeat: no-repeat ;
background-position: center center ;
height:100%; }
Tendrás que arreglar el codigo del documento, para que la ruta de las imagenes esté bien puesta
ejemplo esto:
Objetos/Macarena.jpg
por esto:
objetos/Macarena.jpg (si es que la imagen se llama "Macarena.jpg"
saludos,
pd. no me he olvidado lo de colocar la imagen, pero primero me gustaría que eso de las rutas quede arreglado, para mover la imagen a tu gusto
esto veo en tu codigo fuente
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Semana Santa de Sevilla</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> <h1>Semana Santa de Sevilla</h1></p>
<p class="centrado">Web en construcción</p>
<p class="centrado"> Página creada gracias a CCTW</p>
<div id="imagen">[contenido no disponible]</div>
<div id="foto">[contenido no disponible]</div>
[correo eliminado]</p>
</body>
</html>
y esto en la hoja de estilos:
body {background-color: #32CD32 ;
background-image: url(objetos/prototipo.png) ;
background-repeat: no-repeat ;
background-position: center center ;
height:100%; }
Tendrás que arreglar el codigo del documento, para que la ruta de las imagenes esté bien puesta
ejemplo esto:
Objetos/Macarena.jpg
por esto:
objetos/Macarena.jpg (si es que la imagen se llama "Macarena.jpg"
saludos,
pd. no me he olvidado lo de colocar la imagen, pero primero me gustaría que eso de las rutas quede arreglado, para mover la imagen a tu gusto
Es que veras,yo he cambiado ya la ruta(creo que se hace cambiandole el nombre a la carpeta "Objetos" por "objetos" y después volviendo a subir las imágenes),pero es que ya he hecho esto,pero en el código de fuente de la página no aparece así.¿Por qué?,¿He cambiado la ruta bien?¿Por qué no se ven las imágenes?
Me da vergüenza preguntar tanto :oops:
Me da vergüenza preguntar tanto :oops:
En México tenemos un dicho
Vergüenza es robar y que te cachen
jeejje
Así que sin vergüenza heeeee
Aclarado lo anterior sigamos
Si ya corregiste el codigo en el documento y entonces debe ser cosa de los archivos temporales
eliminaré mis temporales, tal vez sea eso
y te comento
saludos :wink:
Vergüenza es robar y que te cachen
jeejje
Así que sin vergüenza heeeee
Aclarado lo anterior sigamos
Si ya corregiste el codigo en el documento y entonces debe ser cosa de los archivos temporales
eliminaré mis temporales, tal vez sea eso
y te comento
saludos :wink:
mira vamos a hacer una cosa
copia y pega este codigo en un nuevo documento y le pones de nombre
ayuda.html
o guardas y lo subes, cuando lo tengas arriba me avisas para verlo ok?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Semana Santa de Sevilla</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> <h1>Semana Santa de Sevilla</h1></p>
<p class="centrado">Web en construcción</p>
<p class="centrado"> Página creada gracias a CCTW</p>
<div id="imagen">[contenido no disponible]</div>
<div id="foto">[contenido no disponible]</div>
[correo eliminado]</p>
</body>
</html>
peeero, rectifica que en tu carpeta "objetos" tienes estas imagenes y se llaman asi:
Macarena.jpg
buzon.gif
saludos
:wink:
copia y pega este codigo en un nuevo documento y le pones de nombre
ayuda.html
o guardas y lo subes, cuando lo tengas arriba me avisas para verlo ok?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Semana Santa de Sevilla</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> <h1>Semana Santa de Sevilla</h1></p>
<p class="centrado">Web en construcción</p>
<p class="centrado"> Página creada gracias a CCTW</p>
<div id="imagen">[contenido no disponible]</div>
<div id="foto">[contenido no disponible]</div>
[correo eliminado]</p>
</body>
</html>
peeero, rectifica que en tu carpeta "objetos" tienes estas imagenes y se llaman asi:
Macarena.jpg
buzon.gif
saludos
:wink:
Hola,ya he subido el archivo ayuda.html(k es igual k mi index),pero no a pasao na de na.En cuanto a lo de Macarena.jpg en mi carpeta de objetos aparece macarena.jpg y en cuanto a lode buzon.gif no se k le pasa
Hola
lo del buzón ya se arreglo
ejje
como veras
ese era el problema
ahora falta arreglar lo de macarena
bueno pues eso lo arreglamos en la hoja del codigo asi
ayuda.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Semana Santa de Sevilla</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> <h1>Semana Santa de Sevilla</h1></p>
<p class="centrado">Web en construcción</p>
<p class="centrado"> Página creada gracias a CCTW</p>
<div id="imagen">[contenido no disponible]</div>
<div id="foto">[contenido no disponible]</div>
[correo eliminado]</p>
</body>
</html>
lo del buzón ya se arreglo
ejje
como veras
ese era el problema
ahora falta arreglar lo de macarena
bueno pues eso lo arreglamos en la hoja del codigo asi
ayuda.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Semana Santa de Sevilla</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> <h1>Semana Santa de Sevilla</h1></p>
<p class="centrado">Web en construcción</p>
<p class="centrado"> Página creada gracias a CCTW</p>
<div id="imagen">[contenido no disponible]</div>
<div id="foto">[contenido no disponible]</div>
[correo eliminado]</p>
</body>
</html>
pero nos faltará arreglar la otra imagen que he dejado al final a proposito
ya que me indica que se llama asi:
Gran%20Poder.png
el simbolo "%20" indica que hay un espacio en blanco
si puedes seía mejor que renombraras la imagen, para que le quites el espacio en blanco y la dejes toda con minusculas asi:
granpoder.png
pero tendrás que modificar la imagen (dentro de la carpeta objetos, la seleccionas y le das cambiar nombre)
y en la hoja codigo tambien la ajustas
saludos y estamos en contacto
ya que me indica que se llama asi:
Gran%20Poder.png
el simbolo "%20" indica que hay un espacio en blanco
si puedes seía mejor que renombraras la imagen, para que le quites el espacio en blanco y la dejes toda con minusculas asi:
granpoder.png
pero tendrás que modificar la imagen (dentro de la carpeta objetos, la seleccionas y le das cambiar nombre)
y en la hoja codigo tambien la ajustas
saludos y estamos en contacto
Vaya lio! je je je. En las lecciones he intentado convenceros de que escribir mayusculas en los nombres de los archivos no es buena idea, es mejor escribirlos SIEMPRE en minusculas completamente. Ya sabeis porqué, je je je.
Además también os comento siempre que no useis simbolos raros para nombrarlos, ni acentos, ni espacios en blanco...
Ese es el problema, no más. Sigue ese consejo y evitarás muchos problemas con imagenes y enlaces.
Un saludo!!!
Además también os comento siempre que no useis simbolos raros para nombrarlos, ni acentos, ni espacios en blanco...
Ese es el problema, no más. Sigue ese consejo y evitarás muchos problemas con imagenes y enlaces.
Un saludo!!!