todos los elementos del index los tengo a la izquierda!!!

hola , me gustaria saber que codigo tengo q poner para poder poner la barra google arriba en el centro, perdo debajo del banner que tengo con el titulo de la pagina, el buzon de correo abajo junto al contador, y lo de hacer principal esa pagina, sabeis lo que os digo? y tb me gustaria ponerle a la imagen del centro para cuando la pulses q entrases ya a la siguiente pagina con el menu, la q en el curso se llama plantilla! muchas gracias, aqui os dejo mi direccion para q veais lo que quiero y me explicais como:

http://www.spaintube.es

Hola

para que tengas toodo centrado
basta con poner en el body (en la hoja de estilos)
text-align:center

body {text-align:center:}

de esa forma se te centraran las cosas

muchas gracias, ya por lo menos esta centrado, pero y para colocar las cosas donde yo quiera? eso se puede hacer de alguna manera?

Para poner las cosas donde quieras puedes usar las posiciones absolutas, pero no te las aconsejo, ya que no dan muy buenos resultados. Mejor es que vayas situándolo tú con los margins y lo paddings.
Saludos :wink:

asi es
y lo mejor de todo, es meter las cosas en divs
asi las puedes manejar a tu antojo

saludos

ok, he estado mirando en que consiste lo del margin y el paddin y lo he intetado. pero no hace nada, lo que he hecho es ponerle la etiqueta a lo que es el contador en el index en html de <div id="contador"> .......</div> y luego me he ido a la hoja css y he puesto esto,
#contador {margin: margin-bottom}, como no ha pasado nada, pues doy por hecho que no hay q poner eso, que es lo que tengo que poner exactamente para que el contador se me quede abajo de la pagina? y si quiero que el buzon de correo y otro boton que tengo se me queden ambos a los lados del contador? eso es ya mucho follon o q? jeje gracias por la ayuda

Creo q stas un poco confundido quemasda.

El margin es solo para separar la capa, imagen o lo q pongas del resto del contenido de la web.

Y lo q quieres hacer pues lo tienes q hacer con divs, tendras q hacer 3 divs, uno para el buzon, uno para el boton y otro para el contador de visitas,

despues definirles las propiedades de float en la hoja de estilos, el buzon tendra float: left, el contador float: center y el boton float: right.

Asi te qdara una especie de triple conlumna con el contador en el centro y los botones a los lados.

Si no me expliq bien hazmelo saber ;)

wilfre505 escribió:Creo q stas un poco confundido quemasda.

El margin es solo para separar la capa, imagen o lo q pongas del resto del contenido de la web.

Y lo q quieres hacer pues lo tienes q hacer con divs, tendras q hacer 3 divs, uno para el buzon, uno para el boton y otro para el contador de visitas,

despues definirles las propiedades de float en la hoja de estilos, el buzon tendra float: left, el contador float: center y el boton float: right.

Asi te qdara una especie de triple conlumna con el contador en el centro y los botones a los lados.

Si no me expliq bien hazmelo saber ;)

muchas gracias por tu ayuda, pero sigue existiendo un pequeño problema...jejej mira lo que pasa... jeje

www.spaintube.es

ademas si te fijas he hecho una pequeña chapucilla para que esos tres elementos salieran abajo en la pagina, porque antes me salian justo despues del texto, he puesto unos puntos como si fueran parrafos....jejej si, es q soy nuevo en esto, weno, si me puedes ayudar para decirme porque todavia me pasa esto.... en el html tengo puesto esto, a ver si ves el fallo donde esta ;) gracias




<div id="contador"><table cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><span style="display:none;" id="EstadCodeComprove">687474703A2F2F7777772E6573746164697374696361736772617469732E636F6D2F65737461646973746963617320677261746973</span>[contenido no disponible]
</td></tr><tr><td align="center"><span id="EstadCode" style="font-size : 11px; font-family : arial; color:9c9c9c;">Estadisticas Gratis </span><span style="display:none;" id="ScriptCode"><script src="http://www.estadisticasgratis.com/trace-ScriptContadorNE.php?page=3…"></script></span></td></tr></table>
</div>

<div id="paginadeinicio"><a class="estilo" href onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.spaintube.es');" style="CURSOR: hand">Quieres hacer esta tu P&aacute;gina de inicio?</a></div>

<div id="sugerencias">

[correo eliminado]</p></div>

Creo q eso lo puedes hacer con la propiedad de margin como dijo jugoncam

a los divs q creaste le agregas esto:

;margin: Xpx Xpx Xpx Xpx}

Recuerda q:
X= a part superior
X= a part derecha
X= a part inferior
X= a part izquierda

En todas las x tienes q poner un numero

Hola:
¿Lo que tu deseas es que "página de inicio" que de a la izquierda, "contador" al centro" y "sugerencias"a la derecha?. Si no estoy equivocado en mi apreciación por lo menos así lo he entendido,, a veces parece muy fácil hacerlo, pero como todo, fácil en teoría, pero a veces hay que jugar un poco con las posiciones y margin y padding y orden en las capas.
Veo que si la "página de inicio" la quieres poner a la izquierda y la capa "contador" al centro y la capa "sugerencias" a la derecha, podrías crear una capa que encierre a esas tres.
Luego en tu html (en la página de las capas) tienes puesto por orden lo siguiente:
div =contador
div =página de inicio
div =Sugerencias
Y creo que debieras de tenerlas así:
div =página de inicio que va a la izquierda
div =contador que va al centro
div =Sugerencias que va a la derecha o también de esta otra manera según fijes las capas:
div = pagina de inicio
div =Sugerencias
div= contador.
como habrás creado una capa que englobe a esas tres
te quedaría así:
<div =ladeabajo>
div =pagina de inicio</div>
div =Sugerencias</div
div =contador</div>
</div> este div es el que cierra a la capa "ladeabajo". Ahora bien, a la capa "pagina de inicio le das un width de lo que quieras , por ejemplo 250px con un float-left, a la página "sugerencias" le das también si quieres 250px con un float-right y a la capa "contador" no le pones el float-center
pero le pones un width. De lo que queda de diferencia para llegar a el ancho quitándole unos pocos pixeles, por ejemplo 800 menos 250 son 550 y menos 250 son 300, pues le das para ir probando 290 y le pones un margin-left de 250 para que se fije al lado derecho de la capa "pagina de inicio", despues que la tengas fija allí, le agregas de a poco los pixeles que le faltan hasta que llegue a cubrir todo el centro, si esa capa se te sale es porque le has dado mas pixeles de lo conveniente (hablo del ancho), también le pones a la capa "contador "un margin-right de 250, así se mantendrá al centro. Esto en principio solo es para que las capas te queden donde quieres, luego viene el "juego de los float, prueba probando que todas floten a la izquierda y después le quitas a la capa "contador " esos margin que pusiste de 250.
También quería comentarte acerca del "link rel Stylesheet que tienes en el body, por lo que yo se ese link rel va entre el <head> y el </head>, a lo mejor estoy equivocado como te dije en mi apreciación de lo que tu querías así que de antemano disculpas.
Saludos

Raulyure escribió:Hola:
¿Lo que tu deseas es que "página de inicio" que de a la izquierda, "contador" al centro" y "sugerencias"a la derecha?. Si no estoy equivocado en mi apreciación por lo menos así lo he entendido,, a veces parece muy fácil hacerlo, pero como todo, fácil en teoría, pero a veces hay que jugar un poco con las posiciones y margin y padding y orden en las capas.
Veo que si la "página de inicio" la quieres poner a la izquierda y la capa "contador" al centro y la capa "sugerencias" a la derecha, podrías crear una capa que encierre a esas tres.
Luego en tu html (en la página de las capas) tienes puesto por orden lo siguiente:
div =contador
div =página de inicio
div =Sugerencias
Y creo que debieras de tenerlas así:
div =página de inicio que va a la izquierda
div =contador que va al centro
div =Sugerencias que va a la derecha o también de esta otra manera según fijes las capas:
div = pagina de inicio
div =Sugerencias
div= contador.
como habrás creado una capa que englobe a esas tres
te quedaría así:
<div =ladeabajo>
div =pagina de inicio</div>
div =Sugerencias</div
div =contador</div>
</div> este div es el que cierra a la capa "ladeabajo". Ahora bien, a la capa "pagina de inicio le das un width de lo que quieras , por ejemplo 250px con un float-left, a la página "sugerencias" le das también si quieres 250px con un float-right y a la capa "contador" no le pones el float-center
pero le pones un width. De lo que queda de diferencia para llegar a el ancho quitándole unos pocos pixeles, por ejemplo 800 menos 250 son 550 y menos 250 son 300, pues le das para ir probando 290 y le pones un margin-left de 250 para que se fije al lado derecho de la capa "pagina de inicio", despues que la tengas fija allí, le agregas de a poco los pixeles que le faltan hasta que llegue a cubrir todo el centro, si esa capa se te sale es porque le has dado mas pixeles de lo conveniente (hablo del ancho), también le pones a la capa "contador "un margin-right de 250, así se mantendrá al centro. Esto en principio solo es para que las capas te queden donde quieres, luego viene el "juego de los float, prueba probando que todas floten a la izquierda y después le quitas a la capa "contador " esos margin que pusiste de 250.
También quería comentarte acerca del "link rel Stylesheet que tienes en el body, por lo que yo se ese link rel va entre el <head> y el </head>, a lo mejor estoy equivocado como te dije en mi apreciación de lo que tu querías así que de antemano disculpas.
Saludos

te agradezco mucho tu tiempo, pero aun asi no lo consigo, la cosa es q en el html-kit cuando le doy a ver la vista previa sale todo correcto, pero luego en la web, sale lo de pagina de inicio a la izqu, el contador a la izq, y el buzon a la derecha, te dejo aqui los codigos para ver si es q he escrito mal algo, gracias


HTML

<div id="piedeinicio">
<div id="paginadeinicio"><a class="estilo" href onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.spaintube.es');" style="CURSOR: hand">Haz esta tu P&aacute;gina de inicio</a></div>

<div id="contador"><table cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><span style="display:none;" id="EstadCodeComprove">687474703A2F2F7777772E6573746164697374696361736772617469732E636F6D2F65737461646973746963617320677261746973</span>[contenido no disponible]
</td></tr><tr><td align="center"><span id="EstadCode" style="font-size : 11px; font-family : arial; color:9c9c9c;">Estadisticas Gratis </span><span style="display:none;" id="ScriptCode"><script src="http://www.estadisticasgratis.com/trace-ScriptContadorNE.php?page=3…"></script></span></td></tr></table></div>


<div id="sugerencias">

[correo eliminado]</p></div>
</div>
</body>


CSS

#piedeindice
#paginadeinicio {width: 250px ; float: left}
#contador {width:290px ; marging: left 250px ; marging: right 250px}
#sugerencias {width: 250px ; float: right}

Hola:
En realidad no se si es un error de transcripción al tu escribir el mensaje o que realmente lo tienes asi en la hoja de estilo, pero veo que has puesto:
#pagina de inicio{width:250px;float:left}. Eso está bien.
Pero en contador le has puesto:
#contador{width:290px;margin:left 250px;margin:right 250px}. Debiera de ser #contador{width:290px;margin-left:250px;margin-right:250px}. Cuando pones en el div contador margin left ,tienes que separarlos con un guión medio, no con los dos puntos, lo mismo para el margin right, y el punto y coma va después del px.
También aprovecha de agregarle algo de ancho a los 290px , tienes que ir probando hasta que te de la medida correcta. Ya que al final o tendrás que ponerle 300 o 298 incluso puede que hasta 296 pero eso lo tienes que ir viendo haciendo la prueba, por ahora arregla lo que te sugiero.
Saludos

Hola:
No se si ya has podido arreglarlo, pero te sugiero que en tu hoja de estilo la que pertenece al index, en la capa que engloba a las tres capas que quieres poner, creo que lo pusiste de nombre capaindice, le pongas las llaves o corchetes esas con las que encierras los valores, por ejemplo:
#capaindice{} tú solo tienes puesto #capaindice sin las llaves, pues es como si no existiese te lo digo porque es mejor que le pongas una altura y también le puedes poner un color por mientras , para que sepas donde está y hasta donde llega y un borde por arriba , por ejemplo:
#capaindice{background-color:#FF0000;border-top:black 1px solid;height:60px;} ya le quitarás después el color y el borde, pero es bueno saber por lo menos donde está y poder diferenciarla.
Saludos

Hola:
Si no es molestia para ti darte muchas respuestas, te sugeriré lo mismo que anteriormente, ponerle las llaves a la capa que contiene a las otras tres y entre las llaves darle algún atributo como background-color:#FF0000;. Bueno, solo es una sugerencia pero también te sugiero que al final del todo allí en la página, debajo del </body> le pongas </html> ya que con eso cierras todo el cuerpo .
Saludos