pagina de choque ubicar,Entrar.

hola a todos.es mi primer pag web y la estoy creando gracias a los paso a paso de cctw.hice una imagen de choque en macromedia firework,la coloque en el html y puse Entrar me quedo asi :

<body>
[contenido no disponible]


entrarENTRAR



</body>
el tema es que me quedo muy larga la pag para llegar a "entrar".como hago para acortar un poco,y que me quede la imagen y abajo cerca de la imagen,al costado derecho,me quede el enlace de entrar?con una letra centuri ghotic.
el css me quedo asi :

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #cc3399;
background-image: url(objetos/pagina de choque1.png)
;height:100}
{text-align: left}
#global {width:800px ; margin: 4px auto }
img {border-style: none}
.entrar { text-align: right}
a {color: white; font-size:1.3em ; text-decoration: none;padding:300px;}

tambien quisiera hacerle una barra de carga y que cuando presione entrar desaparesca para ser remplazado por la barra de carga.les agradesco mucho por las ayudas.saludos :D
Sorry, pero no entendi bien, podrias explicarte mejor?

De todas formas si puedes danos el URL de la pagina para ver mas o menos.

Saludos
David_ escribió:Sorry, pero no entendi bien, podrias explicarte mejor?

De todas formas si puedes danos el URL de la pagina para ver mas o menos.

Saludos

hola david. lo que yo quiero hacer es que la pagina tenga un fondo con el logo de la marca :

Catineli estetica saludable
ENTRAR

catinelli..... es el logo y abajo como se ve ahi,entrar.
ahora...cuando apreten "entrar" se cambie por una barra de carga.y luego que me leve a la pag principal.
decime si entendiste ahora? muchas gracias por tus ayudas ;)

ahhh como es eso del url.que te tendria que pasar.soy re pero re novato.aprendo rapido pero ahora en un nivel del 1 al 10 estoy en nivel 3 :P.
Bueno creo que entendi ahora :oops: ...


Quieres:

"LOGO"
Entrar

y debajo del logo un boton entrar? que cuando lo precionen se cambie por una barra de carga de la pagina principal y cuando termines pues q te pase a la pagina cierto?.

Pues, no se porque quieres un barra de carga de por si, si le das el boton entrar este te llevara a la pagina Principal, sin tener que usar la barra de carga..

Pues ya sabes crear enlaces <a>y </a> asi que sabes crear el boton de entrar, por lo otro de la barra cargandose, (sinceramente no creo q te haga falta, EN REALIDAD NO SE COMO HACER, sorry por esa parte)


en cuanto a tu "pagina de choque", tiene algunos errores con las cerrada de codigo

por ahora esta asi

[contenido no disponible]


entrarENTRAR



deberia ser asi

[contenido no disponible]


entrarENTRAR</p>

en cuanto a href= "entrar.css" no creo q quieras redirecionar a tu visitante a tu hoja de estilo, creo deberia ser algo como
"index.html" o "pagina-principal.html"...

Todavia no estoy muy claro de cual es el problema aca, pues veo que tienes tu imagen (logo) y tienes tu enlace a la pagina principal, solo que algunos errores que ya arreglamos arriba.

Si te puedo ayudar en algo mas avisame.
David_ escribió:Bueno creo que entendi ahora :oops: ...


Quieres:

"LOGO"
Entrar

y debajo del logo un boton entrar? que cuando lo precionen se cambie por una barra de carga de la pagina principal y cuando termines pues q te pase a la pagina cierto?.

Pues, no se porque quieres un barra de carga de por si, si le das el boton entrar este te llevara a la pagina Principal, sin tener que usar la barra de carga..

Pues ya sabes crear enlaces <a>y </a> asi que sabes crear el boton de entrar, por lo otro de la barra cargandose, (sinceramente no creo q te haga falta, EN REALIDAD NO SE COMO HACER, sorry por esa parte)


en cuanto a tu "pagina de choque", tiene algunos errores con las cerrada de codigo

por ahora esta asi

[contenido no disponible]


entrarENTRAR



deberia ser asi

[contenido no disponible]


entrarENTRAR</p>

en cuanto a href= "entrar.css" no creo q quieras redirecionar a tu visitante a tu hoja de estilo, creo deberia ser algo como
"index.html" o "pagina-principal.html"...

Todavia no estoy muy claro de cual es el problema aca, pues veo que tienes tu imagen (logo) y tienes tu enlace a la pagina principal, solo que algunos errores que ya arreglamos arriba.

Si te puedo ayudar en algo mas avisame.

hola david,no entiendo cual es la diferencia entre estas dos
por ahora esta asi

[contenido no disponible]


entrarENTRAR



deberia ser asi

[contenido no disponible]


entrarENTRAR</p>

las veo y estan iguales.que esta mal?por otro lado tengo index.html(logo,entrar)y por el otro lado plantilla(cabecera,menu,pie)es verdad no me di cuenta de eso.tengo que relacionar el index con la plantila,no?
quedaria asi:
[contenido no disponible]


ENTRAR



y esta bien...de la barra nos olvidamos.era solamnt un estilo
otra cocita mas. a mi me queda muy largo el logo para legar a entrar tengo que bajar la barra muy abajo.quiero que este el logo y abajo a la derecha este entrar.como hago para achicar un touch la pag.quiero que cuando se abre la pagina este todo cerca(logo y entrar) no que tenga que bajar la barra para entrar

ahopra que lo pienso sera porque el logo lo hice en un lienzo muy largo?por eso tengo tanta pagina de sobra y por otro lado a entrar le tendre que poner la propiedad de que este por arriba del logo y no abajo (float:left)???salu2 y gracias
No estas viendo donde es.. ^^. Date cuenta en lo siguiente:

[contenido no disponible]


entrarENTRAR



Y este es el bueno..

[contenido no disponible]


entrarENTRAR</p>

y si por supuesto tienes relacionar <a href= (a la pagina que kieres que valla cuando precionen Entrar)>

Tambien creo que

entrar</p> no pinta nada ahi, xq te saldra

algo asi:


entrar ENTRAR...

osea entrar sin enlace y entrar el Boton. Si quitas

entrar </p>

igual se vera el boton.

Dime como se te ve ahora?.. algun otro problema?
David_ escribió:No estas viendo donde es.. ^^. Date cuenta en lo siguiente:

[contenido no disponible]


entrarENTRAR



Y este es el bueno..

[contenido no disponible]


entrarENTRAR</p>

y si por supuesto tienes relacionar <a href= (a la pagina que kieres que valla cuando precionen Entrar)>

Tambien creo que

entrar</p> no pinta nada ahi, xq te saldra

algo asi:


entrar ENTRAR...

osea entrar sin enlace y entrar el Boton. Si quitas

entrar </p>

igual se vera el boton.

Dime como se te ve ahora?.. algun otro problema?

ahhhh jajaja.que bobo .con todo esto del manoseo para tratar de arreglarlo no me di cuenta de eso.sos un grande ;)
por otro lado lo que veo es que sale la imagen y como abajo de la imagen sale entrar ahora lo pienso.... sera porque el logo lo hice en un lienzo muy largo?por eso tengo tanta pagina de sobra quiero que se vea de toque el logo y entrar no que alla que bajar la barra para legar a entrar. a entrar le tendre que poner la propiedad de que este por arriba del logo y no abajo (float:left)???o tendre que hacer el logo con un lienzo mas chico.salu2 y gracias
Pues tendras que escojer entre estas tres:

La Primera que te recomiendo:

> Primero si, si el lienzo es muy grande y no le colocaste medidas pre-establecidad (width y height) a el la imagen esta saldra tan grande como sea la imagen de por si...

Asi que puedes reducir el logo a el tamaño que mas te guste, te recomiendo photoshop para este tipo de cosas, pero podes hacerlo con otro tipo de programa.
____________________________________________________________

>Segundo, podes establecer en la misma HTML (en tu caso index.html) la medidas de el lienzo, como hacerlo?


[img]objetos/i[/img]

aunq creo q esto no te ha funcionado (tambien depende del navegador que uses)

___________________________________________________________
La segunda que te recomiendo

>Tercera: colocar la imagen en un capa (div) y luego la modificas desde tu hoja de estilo
algo asi mas o menos

Html
 <div id=imagen-choque>img alt="Bienvenidos!!! Pulse entrar" 
src="Objetos/pagina de choque1.png"></div>

Hoja de estilo (stylesheet)

#imagen-choque {wight: "XX"px; height:"XX"px}
David_ escribió:Pues tendras que escojer entre estas tres:

La Primera que te recomiendo:

> Primero si, si el lienzo es muy grande y no le colocaste medidas pre-establecidad (width y height) a el la imagen esta saldra tan grande como sea la imagen de por si...

Asi que puedes reducir el logo a el tamaño que mas te guste, te recomiendo photoshop para este tipo de cosas, pero podes hacerlo con otro tipo de programa.
____________________________________________________________

>Segundo, podes establecer en la misma HTML (en tu caso index.html) la medidas de el lienzo, como hacerlo?


[img]objetos/i[/img]

aunq creo q esto no te ha funcionado (tambien depende del navegador que uses)

___________________________________________________________
La segunda que te recomiendo

>Tercera: colocar la imagen en un capa (div) y luego la modificas desde tu hoja de estilo
algo asi mas o menos

Html
 <div id=imagen-choque>img alt="Bienvenidos!!! Pulse entrar" 
src="Objetos/pagina de choque1.png"></div>

Hoja de estilo (stylesheet)

#imagen-choque {wight: "XX"px; height:"XX"px}

gracias negro,la primera:estableci el tamaño a 720 x 720.podria achicarla
la segunda lo intente pero me salian letras perdidas del logo.voy a intentar con la tercera me parece muy buena y aparte aprendo un poco mas de para que sirven los div y como se utilizan.ahora llego mi niño asi que despues te cuento como me salio.mil gracias david
jajajaja.. Gracias Negro? :?...

Muchas Casualidad que me dicen asi algunos amigos algo fuera del tema..

Por otro lado..

La perdida de letras se da a que la recortartes en vez de achicarlas (ponerlas mas pequeña), si usas Photoshop puedes usar

en la barra Imagen>Tamaño de Imagen.

Pero no se cual programa usas para ediccion de imagen.

En verdad usar capas es muy efeciente cuando haces paginas webs de gran cantidad de paginas.. y yo las uso todo el tiempo son bastantes comodas, puedes hacerlo asi.

Cualquier cosa me avisas como te fue.

Suerte :P
hola negro :D je...
me quedo re bien ahora.me pregunto si se vera bien en otros navegadores.yo uso solamnt explorer.le di la medida de 300x300 aca se ve bien,estara bien en todos los navegadores esa medida?

ya esta quedo la pag de choque terminada.te super agradesca david.
posicione en el lugar que queria entrar con matgin y float left. el tema es asi...quiero ponerle la letra century gotic.como la modifico.lo sabes?mil gracias salu2

por ahora como lo ves....

css

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #cc3399;
background-image: url(objetos/pagina de choque1.png)
;height:100}
{text-align: left}
#global {width:800px ; margin: 4px auto }
img {border-style: none}
.entrar { text-align: left}
#imagen-choque {wight: "300"px; height:"300"px}
a {color: white; font-size:1.3em ; text-decoration: none; float:left;
margin: 260px 0px 4px 560px}
a:link{}
a:visited{}
a:hover{color:white ; text-decoration:none ; background-color: black }
a:active{}

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Catinelli estetica saludable - WWW.Catinelliesteticasaludable.com</title>
<link rel="stylesheet" href="entrar.css" type="text/css"
media="all">
</head>
<body>
<div id=imagen-choque>img alt="Bienvenidos!!! Pulse entrar"
src="Objetos/pagina de choque1.png"></div>


ENTRAR</p>



</body>
</html>

loque veo es que cuando pongo el mouse en la imagen no me aparece como antes "Bienvenidos!!! Pulse entrar" .podra hacerse que aparesca?
imagino que hay cosas que me sobran.je...bueno yo mientras la voy a revisar todo de nuevo.si ves algo,me avisas??please.bueno mil gracias y saludos :wink:
pd: no te olvides de decirme como poner entrar con la letra century gotic.bye :D
Ola.. he visto algunos errores, te los pongo en negrita para que los revise y algunas obsevaciones entre parentecis "()"

ar1980 escribió:css

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #cc3399;
background-image: url(objetos/pagina de choque1.png)
;height:100}
{text-align: left} (aca deberia ir algo a el principio, como una capa o nose porque si lo dejas asi no tiene efecto en ningun lugar)
#global {width:800px ; margin: 4px auto }
img {border-style: none} (aca no estoy muy seguro, pero creo q img te afectara todas la imagenes, asi q deberias aplicarlo en una capa)
.entrar { text-align: left}
#imagen-choque {wight: "300"px; height:"300"px} ( te doy un tips seguro que no sabias, en los Html, usas " para definir la anchura y altura y cosas por el estilo, en las hojas CSS no, asi que solo dejalo wight:300px sin las "".)
a {color: white; font-size:1.3em ; text-decoration: none; float:left;
margin: 260px 0px 4px 560px}


a:link{}
a:visited{}
a:hover{color:white ; text-decoration:none ; background-color: black }
a:active{}


(aca siempre colocas
a: {} aunq la dejes vacia, asi aplica los effectos del resto creo q algunos navegadores no lo toman.
a:link{}
a:visited{}
a:hover{color:white ; text-decoration:none ; background-color: black }
a:active{}



html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Catinelli estetica saludable - WWW.Catinelliesteticasaludable.com</title>
<link rel="stylesheet" href="entrar.css" type="text/css"
media="all">
</head>
<body>
<div id=imagen-choque>img alt="Bienvenidos!!! Pulse entrar"
src="Objetos/pagina de choque1.png"></div>


ENTRAR</p>

Bueno aqui sinceramente no estoy seguro, pero el alt yo siempre lo coloco de ultimo asi:

<div id=imagen-choque>img src="Objetos/pagina de choque1.png" alt="Bienvenidos!!! Pulse entrar"></div>


ENTRAR</p>[/


</body>
</html>

Dime si te ha funcionado..

Con respecto a ver si se ve bien tambien en otro navegadores yo uso FireFox, asi que si tienes la web en el hosting, me la pasas a ver como se ve por aqui.

MMM.. por supuesto que no me olvide para colocar el tipo de letra que deseas es facil es con este comando lo colocas en el CSS

font-family: Century Gotic (el problema es que si la persona no tiene este tipo de letra en su PC entonces no la podra ver asi como quieres...

tambien puedes usar una de remplazo como ejemplo, si la persona no tiene century gotic, entonces quieres que la vea en Calibri, y sino tiene Calibri quieres que la veaen Tahoma..
entonces lo haces asi.

font-family: Century Gotic, Calibri, Tahoma

ect ect, sino tiene ninguan de estas que muy poco probable entonces la vera como la tiene predeterminada el Navegador que la persona use, normalmente es Times New R.. o Arial.

Espero que te ayude esta informacion..

Suerte.
PD: Recuerda Pasarme la pagina para poder ver como se ve en FireFox
David_ escribió:Ola.. he visto algunos errores, te los pongo en negrita para que los revise y algunas obsevaciones entre parentecis "()"

ar1980 escribió:css

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #cc3399;
background-image: url(objetos/pagina de choque1.png)
;height:100}
{text-align: left} (aca deberia ir algo a el principio, como una capa o nose porque si lo dejas asi no tiene efecto en ningun lugar)
#global {width:800px ; margin: 4px auto }
img {border-style: none} (aca no estoy muy seguro, pero creo q img te afectara todas la imagenes, asi q deberias aplicarlo en una capa)
.entrar { text-align: left}
#imagen-choque {wight: "300"px; height:"300"px} ( te doy un tips seguro que no sabias, en los Html, usas " para definir la anchura y altura y cosas por el estilo, en las hojas CSS no, asi que solo dejalo wight:300px sin las "".)
a {color: white; font-size:1.3em ; text-decoration: none; float:left;
margin: 260px 0px 4px 560px}


a:link{}
a:visited{}
a:hover{color:white ; text-decoration:none ; background-color: black }
a:active{}


(aca siempre colocas
a: {} aunq la dejes vacia, asi aplica los effectos del resto creo q algunos navegadores no lo toman.
a:link{}
a:visited{}
a:hover{color:white ; text-decoration:none ; background-color: black }
a:active{}



html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Catinelli estetica saludable - WWW.Catinelliesteticasaludable.com</title>
<link rel="stylesheet" href="entrar.css" type="text/css"
media="all">
</head>
<body>
<div id=imagen-choque>img alt="Bienvenidos!!! Pulse entrar"
src="Objetos/pagina de choque1.png"></div>


ENTRAR</p>

Bueno aqui sinceramente no estoy seguro, pero el alt yo siempre lo coloco de ultimo asi:

<div id=imagen-choque>img src="Objetos/pagina de choque1.png" alt="Bienvenidos!!! Pulse entrar"></div>


ENTRAR</p>[/


</body>
</html>

Dime si te ha funcionado..

Con respecto a ver si se ve bien tambien en otro navegadores yo uso FireFox, asi que si tienes la web en el hosting, me la pasas a ver como se ve por aqui.

MMM.. por supuesto que no me olvide para colocar el tipo de letra que deseas es facil es con este comando lo colocas en el CSS

font-family: Century Gotic (el problema es que si la persona no tiene este tipo de letra en su PC entonces no la podra ver asi como quieres...

tambien puedes usar una de remplazo como ejemplo, si la persona no tiene century gotic, entonces quieres que la vea en Calibri, y sino tiene Calibri quieres que la veaen Tahoma..
entonces lo haces asi.

font-family: Century Gotic, Calibri, Tahoma

ect ect, sino tiene ninguan de estas que muy poco probable entonces la vera como la tiene predeterminada el Navegador que la persona use, normalmente es Times New R.. o Arial.

Espero que te ayude esta informacion..

Suerte.
PD: Recuerda Pasarme la pagina para poder ver como se ve en FireFox
hola david,gracias por la revision y las ayudas.
aca : #imagen-choque {wight: "300"px; height:"300"px} si le saco las comillas se agranda la pag. tengo que usar la barra para llegar a "entrar" una de dos o la dejo asi que se ve re bien o le saco las comillas y sigo bajandole el tamaño hasta encontrar el justo.preferiria dejarlo asi.pero vos que decis puede traer conflicto en otros navegadores,sino lo dejo.
aca:
<div id=imagen-choque>img alt="Bienvenidos!!! Pulse entrar"
src="Objetos/pagina de choque1.png"></div>


ENTRAR</p>
por mas que lo ponga como vos decis,tampoco hay cambios. no me aparace en el mouse cuando pongo la imagen ="Bienvenidos!!! Pulse entrar" :S
gracias por enselarme como cambiar la letra,y me quedo todo asi:

css

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #cc3399;
background-image: url(objetos/pagina de choque1.png)
;height:100}
#global {width:800px ; margin: 4px auto }
.entrar { text-align: left}
.imagen-choque {wight: "300"px; height:"300"px;border-style: none}
a {color: white; font-size:1.3em ; text-decoration: none; float:left;
margin: 260px 0px 4px 560px;font-family: Century Gotic, Calibri, Tahoma }
a:link{}
a:visited{}
a:hover{color:white ; text-decoration:none ; background-color: black }
a:active{}

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Catinelli estetica saludable - WWW.Catinelliesteticasaludable.com</title>
<link rel="stylesheet" href="entrar.css" type="text/css"
media="all">
</head>
<body>
<div class=imagen-choque>img alt="Bienvenidos!!! Pulse entrar"
src="Objetos/pagina de choque1.png"></div>


ENTRAR</p>
que te parece.ya estaria,no?ahhh y todavia no la subi a la web.como es eso de subir la la pag.tengo un tiempo mientras la estoy haciendo ahora?yo vi que hay gente que ponia que se le acabo el tiempo. :roll:
ahora si esto esta bien sigo con la otra pag que ya esta casi terminada,igual es muy sencilla esta,pero segurisimo que seguire teniendo algunas dificultades,si no te jode pedire alguna ayudita mas :oops: un abrazo
:) esta quedando muy bien.. Bueno si con las comillas te da el efecto deseado entonces usalas. 8) despues revisaremos como va quedando en otro navegadores asi que concetremonos en el tuyo mientras.. :wink:

del resto En el Html veo que te faltas una "<"

div class=imagen-choque>(aki te falta una <)img alt="Bienvenidos!!! Pulse entrar"
src="Objetos/pagina de choque1.png"></div>


ENTRAR</p>


aqui te dejo un super url de CCTW para todo lo que es subir la web.

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

Mientras creo que todo va bien..
Espero ver tu web pronto :wink: .

Un saludo. 8)
PD:Bueno cualquier otra cosa me escribes aca, o abre un nuevo post ^^
hola david,de nuevo yo :D je... disculpa pero estaba terminando la segunda hoja y no se que cag....me mande que ahora el menu me aparecen guiones y no el contenido que tenia.dejo la hoja de estilos y el html para que me ayudes a descubrir algun error,vos que la tenes mas clara :wink:

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Catinelli estetica saludable - WWW.CatinelliEsteticaSaludable.com
</title>
<link rel="stylesheet" href="pagina_principal.css"
type="text/css" media="all">
</head>
<body>
<div id="global">

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

<div id="menu">
<ul>
  • Quienes somos
  • <a href="#">Nuestros servicios
    </a>
  • Tratamientos
  • Contacto

    </div>
    <h1>Catinelli estética saludable :</h1>

    Surge de la iniciativa de la doctora
    Hebe Catinelli,quien decide poner sus
    conocimientos en favor de la mujer de hoy en dia que se preocupan por su
    estética,sin descuidar nunca y teniendo en cuenta su salud...</p>


    Faltaria poner algo mas en este parrafo? los parrafos se hacen poniendo la P
    y las flechitas.</p>

    Ale sos hermosa y te quiero mucho.</p>
    </div>
    <div id="pie">Este es el pie de la pagina </div>

    <div/>
    </body>
    </html>

    css

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: #cc3399}
    #contenido {background-color: white ;width: 800px;float:left }
    #contenido p {padding: 5px 10px 5px 220px ; text-indent: 15px;
    font-family: Century Gothic}
    #menu {background-color: pink ; width: 120px ;float:left ;text-align:left;
    margin-right: 10px;margin:10px 10px 10px 10px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: #cc3399}
    a {color: black ;font-size:1.3;text-decoration:none ;display: block}
    a:link {}
    a:visited {}
    a:hover {color:white ; text-decoration:none ; background-color: silver}
    a:active {}
    p {text-align: justify;margin: 0px 50px 0px 0px;font-size:1.2em}
    h1 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left;
    margin:25px 5px 5 px 180px}

    PD: yo le saque la barra de navegacion ya que la pag es muy sencila(por ser la primera)y no necesita una barra de navegacion y un menu,solo con el menu ya estaria bien.y quise ponerle la letra century gothic,y despues con todo lo que toque me aparecio en vez de letras( quienes somos,contacto,etc) me aparecio en cada lugar esto (--)
    Y la ultima,ya me enseñaste a cambiar el estilo de la letra,ahora queria saber como poner la letra mas gruesita o negrita.saludos y un abrazo
    muchas gracias :wink:
  • Disculpa pero no he entendido bien, cosa no muy rara en mi.
    :(


    Te han aprecido guiones? :? que tipo de giones y exactamente donde? en la barra de menu horizonta o lateral?

    de todas forma revisare tu codigo a ver que consigo.

    8) Un Saludo.
    :o :o :o :o

    Encontre tu error..

    Pues tengo una buena y una mala noticia, la mala es que no puedes kitar "tus rayitas", la buena es que no son rayitas.. :P

    solo tus links son que con la letra extremadamente pequeña 8)


    Fijaste en la hoja de estilos, es esta parte

    a {color: black ;font-size:1.3;text-decoration:none ;display: block}

    Todavia no lo vez? Pues date cuenta que el "font-size: 1.3" le falta el em

    a {color: black ;font-size:1.3em;text-decoration:none ;display: block}

    asi debria quedar. :wink:

    tambien te recomieno que lo pongas por orden, ya que los navegadores leen de arriba abajo la informacion.

    deja tu oja de estilo asi mas o menos, la organize algo mejor, recuerda que tienes que colocar las cosas en orden para que tenga ese effecto que deseamos

    si lo primero es la cabezera pues esa colocaremos de primero tambien en la hoja de estilo asi te debe quedar.

    * {text-indent:0px; margin:0px ; padding:0px ; border: 0px;
    
    body {text-align: center } 
    #global {width:800px ; margin:4px auto } 
    a {color: black ;font-size:1.3em;text-decoration:none ;display: block} 
    a:link {} 
    a:visited {} 
    a:hover {color:white ; text-decoration:none ; background-color: silver} 
    a:active {} 
    p {text-align: justify;margin: 0px 50px 0px 0px;font-size:1.2em} 
    h1 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left; 
    margin:25px 5px 5 px 180px}
    #menu {background-color: pink ; width: 120px ;float:left ;text-align:left; 
    margin-right: 10px;margin:10px 10px 10px 10px} 
    #menu li {list-style:none ; margin: 4px 0px 4px 6px} 
    #cabecera {background-color: #cc3399} 
    #contenido {background-color: white ;width: 800px;float:left } 
    #contenido p {padding: 5px 10px 5px 220px ; text-indent: 15px; 
    font-family: Century Gothic} 
    #pie {background-color: #cc3399} 
     

    Un Saludos 8)
    gracias negro,sos un capo ;) ahora quedo exel.pero no me dijiste como poner en negritas las letras,estan muy fintas.
    te agradesco muchisimo tu gran ayuda.suerte :wink:
    :wink: seguro que tu pagina queda mejor que la mia..

    Pues para colocar negritas aplica esto en la pagina de estilo.

    font-weight: bold...

    aunque tambien me han comentado que puedes colocar

    en la pagina html y sale en negrita pero no estoy seguro, tampoco lo he probado, pero el primero estoy seguro que si funciona ^^..

    Espero serte de ayuda..
    Suerte. 8)
    David_ escribió::wink: seguro que tu pagina queda mejor que la mia..

    Pues para colocar negritas aplica esto en la pagina de estilo.

    font-weight: bold...

    aunque tambien me han comentado que puedes colocar

    en la pagina html y sale en negrita pero no estoy seguro, tampoco lo he probado, pero el primero estoy seguro que si funciona ^^..

    Espero serte de ayuda..
    Suerte. 8)

    gracias negro... :wink: te confirmo que strong funciona tambien.saludos .che porque no participa mas nadie aca.estas solo vos???
    hola,ya tengo la pag completa,casi.tengo un problema y necesitaria un tutorial o algunas ayudas para contacto.

    problema:tengo el contenido por debajo del menu :? ,negro no te quiero joder mucho asi que me gustaria que mas cibernautas ayuden con las respuestas.Y saber si esta bien acomodado.

    css

    * {text-indent:0px; margin:0px ; padding:0px ; border: 0px;

    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    a {color: black ;font-size:1.3em;text-decoration:none ;display: block}
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}
    p {text-align: justify;margin: 0px 0px 0px 0px;font-size:1.2em}
    h2 {font.size: 1.3em;color:black;font-weight: bold ; text-decoration: none ;
    text-align: center;margin:0px 5px 5px 0px}
    #menu { list-style:none; margin:0px 0px 0px 0px}
    #menu li { margin:10px; padding:0px;}
    #menu li a { display:block;width:145px;padding:4px 0;
    text-decoration:none; text-align:center; font-size:11px;
    color:#FFFFFF;background-color:#000000;font.size: 1.3em;
    border-left:10px solid #cc3399}
    #menu li a:hover {color:black;background-color:
    #cc3399;border-left-color:#000000}
    #cabecera {background-color: #cc3399}
    #contenido {background-color: white ;width: 800px;float:left }
    #contenido p {padding: 5px 10px 5px 160px ; text-indent: 15px;
    font-family: Century Gothic}
    #pie {background-color: #cc3399}

    y quiero hacer algo asi http://www.contacto.com/pages/4_contactenos.php tengo en el menu el contacto y no se como hacerlo de esta manera.ayudas o tutorial.un abrazo y mil gracias :wink:
    jajaja, x eso ni te preocupes que estamos aqui es para ayudar. el problema de porque no hay mucha gente en tema es porque hemos unidos varios temas, normalmente se abre otro tema cuando el problema esta resuelto 8).. y la mayoria no nos gusta leer temas que son tan largo por lo menos este lleva ya dos paginas. xD...

    por otra parte.. me raspaste.. no tengo ni idea de como hacer algo asi, sobre todo porque las pagina no son html sino php.

    no si te has fijado, normamente la pagina php, traen scripts, que sirven para colocar cosas como esta, pero a mi se me da muy mal para ser sincero, asi que deberias abrir un nuevo tema, recuerda abrirlo en el lugar correcto, 8) ...

    de todas formas te investigare a ver que consigo y te aviso.

    Un abrazo. :D