CREAR BOTONES EN UNA WEB

HOLA.

PRIMERO FELICITAR ESTA WEB PORQUE HACE SOLO UN DIA QUE ME HE METIO EN ESTE LIO DE LAS WEBS (POR CUESTION DE QUEDAR BIEN CON EL JEFE JEJEJE) Y HE APRENDIDO MUCHO.

HE SEGUIDO EL CURSO Y YA TENGO ALGUNAS NOCIONES BÁSICAS PERO ME SURGE, DE MOMENTO, UNA DUDA.

HE DIBUJADO CON PHOTOSHOP UN TIPO DE BOTON. MI PREGUNTA ES COMO PUEDO HACER QUE EL TEXTO DE UN ENLACE ME APAREZCA SOBRE EL MISMO, CON EL PROGRAMA HTML-KIT.

GRACIAS

Hola, una cosa, no escribas en mayusculas por favor ;)


Pues solo se me ocurre que en la hoja de estilos le pongas la imagen del boton a los enlaces que quieras que sean asi...

muchas gracias,

investigando un poco he podido hacer algo "decente".

ahora el problema me surge cuando, en la pantalla inicio, tengo un logotipo y quiero poner justo debajo la palabra "entrar" (muy básico pero para empezar...).

a ver si alguien pudiera ayudarme.

gracias!!!!! :P

Ponte justo despues del logo y clica la tecla Enter precedida de Shift. Se te creara una nueva hilera debajo de la imagen y solo debes escribir el texto que desees. :wink:

Era esto lo que preguntabas?

pues no lo se muy bien.

utilizo el programa html-kit y creo que todo va por órdenes html. Realmente, tengo una imagen centrada en la pantalla y querria poner la orden de entrar bajo ella para que me enlace ya con la página.

espero haberme explicado mejor jejeje. :P

Que tal amigo!

Tienes varias opciones.

1.- Amplias el dibujo del logo y le añades eso de "entrar". Después le haces un enlace al logo para que te dirija a donde quieres.

2.- Pones la palabra "entrar" debajo del logo y le pones el enlace a esa palabra. Para esto basta con añadir un párrafo justo después de la línea de código del logo. Algo así:

Entrar</p>

Y con el enlace hacia el index.html queda así:

Entrar</p>

Seguramente no quede justo donde tú deseas, de modo que lo mejor será darle algunas propiedades en la hoja de estilo a ese párrafo (como un margen diferente, etc) hasta que quede donde tú deseas.

Para eso por un lado le das una clase a ese párrafo anterior:

<p class="estilo-entrar">Entrar</p>

Y en la hoja de estilo le defines las propiedades que quieras:

.estilo-entrar {margin-left:50px ; margin-top:0px ; }

Dinos, te sirve esto? Necesitas más? No dudes en preguntar!!

Un saludo!

Ok! ahora sale perfecto.

muchas gracias y seguro que seguiremos preguntando jejeje.