No puedo poner en una web una imagen

Largo · 29 Sep 2008, 16:14 · Solicitar retirada

Ola a todosestoy intentando acer una web y no soy capaz de poner una segunda foto debajo de la otra y con el texto al lado sin q esta foto se me vaya fuera del contenido.como podria acerlo?gracias

Piojo91 · 29 Sep 2008, 16:23 · Solicitar retirada

[contenido no disponible]

asdsadasd</p>
Ahi para qeu se alinie a la izquierda y tu texto quedara a la derecha.
Sino, utiliza tablas

Largo · 29 Sep 2008, 16:35 · Solicitar retirada

muxas gracias.pero esq se m va fuera de el contenido aciendolo asi.q lio tengo.

Largo · 29 Sep 2008, 16:38 · Solicitar retirada

Esta es mi 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">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>

</head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body onload="init();">
<div id="global">

<div id="cabecera">

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

</div>
<div id="navegacion">
<ul>

Taller

Galeria

Eventos

Noticias
</div>

<div id="contenido">

<h1>Talleres IMPERIO TUNING s.l.</h1>
<div id="imagen">[contenido no disponible]</div id>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>

</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>

<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
<p class="centrado">C/Felipe II,Nave 111,</p><p class="centrado">Poligono Industrial Villa de Yuncos</p><p class="centrado">Yuncos (Madrid)</p></div>

</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Esta es la hja de estilos

body {background-color: #0000FF}
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
img {background-color:#FF00FF}
#global {width:800px ; margin:4px auto }
#cabecera {background-color: black ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left}
#publicidad {width:280px ; float:right}
#letrasimperio {width:280px ; float:center}
#navegacion {background-color: #FFFF00 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 230px }
#contenido {background-color: #FF00FF; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#imagen {width: 280px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#pie {background-color: white ;border-bottom: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
.centrado {text-align:center ; color:red}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#pietres {float:right ; width:150px }

a {color: #00FF00 ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: #FF6A6A ; text-decoration:none ; display: block }
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 {}

como podria acerlo?

Yaneth · 29 Sep 2008, 16:58 · Solicitar retirada

hola

para empezar tienes fallo en head

<head>
<title>Page title</title>
<link rel="stylesheet" href="ayuda.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>

</head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

te sobra un cierre

en la hoja de estilos
esta linea
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
debe ir arriba de tooodo

ahora tienes un fallo con las alturas
en la hoja de estilo dices que cabecera tiene una altura fija de 85px
#cabecera {background-color: black ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}

pero en el html, metes varias imagens con altura de 120px

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

o haces mas alta la cabecera o mas chicas las imagenes

ahora....
en la hoja de estilos, establecimos que la web mide 800px de ancho
y la suma de los anchos de las imagenes da mucho mas

checa todo eso
y te falta cerrar un div

lo ajustas, y nos vuelves a pegar los codigos

saludos

Largo · 29 Sep 2008, 17:26 · Solicitar retirada

Muxas gracias yanet me a alludado a acer unos pekños austes.
Haber q tal lo ves ahora,esq yo soy novato en esto.

Esta es 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">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body onload="init();">
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
<div id="letrasimperio">[contenido no disponible]</div id>
</div>
<div id="navegacion">
<ul>

Taller

Galeria

Eventos

Noticias
</div>
<div id="contenido">
<h1>Talleres IMPERIO TUNING s.l.</h1>
<div id="imagen">[contenido no disponible]</div id>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
<p class="centrado">C/Felipe II,Nave 111,</p><p class="centrado">Poligono Industrial Villa de Yuncos</p><p class="centrado">Yuncos (Madrid)</p></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Esta es la hoja de estilos:

* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
body {background-color: #0000FF}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
img {background-color:#FF00FF}
#global {width:1000px ; margin:4px auto }
#cabecera {background-color: black ; border-left: black 1px solid ; border-right: black 1px solid ; height:140px}
#logotipo {width:280px ; float:left}
#publicidad {width:280px ; float:right}
#letrasimperio {width:280px ; float:center}
#navegacion {background-color: #FFFF00 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 230px }
#contenido {background-color: #FF00FF; border-left: black 1px solid ; border-right: black 1px solid ; height: 600px }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#imagen {width: 280px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#pie {background-color: white ;border-bottom: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
.centrado {text-align:center ; color:red}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#pietres {float:right ; width:150px }
a {color: #00FF00 ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: #FF6A6A ; text-decoration:none ; display: block }
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 {}

muxas gracias :D :D

Piojo91 · 29 Sep 2008, 18:36 · Solicitar retirada

Hola amigo, que quieres hacer, alinear las 3 imagenes de arriba(logo) o a la imágen que tienes al lado del contenido agregar una más abajo de esa?

Largo · 29 Sep 2008, 22:24 · Solicitar retirada

Ola piojo.pues esq no podia poner una foto debajo de la otra q tengo en el contenido xq se me salia del contenido y se me ponia al lado el pie.Me gustaria saber como poner otra debajo de la otra con el texto al lado pero nose como creo q ya puedo al acer el contenido mas grande.otra duda q tengo es el poder coger de una foto una imagen sin q al pegarla en otro lado salga detras un fondo blanco.