Otra ayudita con HTML y CSS

  1. 21/11/2013, 17:46 #1
    ErGitaniko
    ErGitaniko está desconectado
    Entrenador de Gitanos Avatar de ErGitaniko
    Registro
    26 Jul, 13
    Ubicación
    Calle gualabi sidnei 69
    Mensajes
    329
    Me gusta (Dados)
    436
    Me gusta (Recibidos)
    33

    Pregunta Otra ayudita con HTML y CSS

    Buenas a todos shurs, el caso es que html lo básico lo domino de DIES. Pero CSS no y mucho menos los atributos de class y todo eso. Por eso pido ayuda. El CSS tiene que ir dentro de <style>.

    Dice así: 6.- Realiza una página para crear un menú horizontal parecido al de la imagen. En el
    style que colocarás en la misma página html pondrás lo siguiente:
    Colocarás un selector por identificador llamado menuhorizontal con un ancho de 400 px
    y un borde sólido de color gris. Después pondrás la etiqueta <a> del menuhorizontal con
    los siguientes valores: relleno de izquierda y derecha de 25 px, text-decoration: none,
    letra de color negro y color de fondo #F4F4F4. Para hacer el movimiento del cursor
    usarás las seudoclases de la etiqueta <a> poniendo un fondo #58FA58 para cuando pase
    el ratón y se halla pulsado. Y un color de fuente negro cuando se halla visitado. En el
    html colocarás una etiqueta div con un identificador a menuhorizontal y dentro
    colocarás los enlaces.

    Los enlaces tienen que ser a Google, Yahoo, MSN y Altavista.

    Dejo acá un poco de mi código HTML y si me podéis hechar un cable se agradece

    [HTML]<html>
    <head>
    <title>Propuesto 6</title>
    <style type="text/css">
    menuhorizontal {width:400px;
    border-style:solid;
    border-color:gray;}
    a {padding-left:25px;
    padding-right:25px;
    text-decoration:none;
    color:black;
    background-color:#F4F4F4;}
    </style>
    <body>
    <div class="menuhorizontal">
    <a class="a" href="https://www.google.es/" target="_blank">Google</a></div>
    </body>
    </html>[/HTML]
    Citar Citar
  2. 21/11/2013, 18:19 #2
    J.M.Statham
    J.M.Statham está desconectado
    ForoParalelo: Miembro Avatar de J.M.Statham
    Registro
    07 Apr, 13
    Mensajes
    2,696
    Me gusta (Dados)
    803
    Me gusta (Recibidos)
    434
    Cita Iniciado por ErGitaniko Ver mensaje
    El mensaje está oculto porque el usuario está en tu lista de ignorados.
    Código:
    <html>
	<head>
		<title>Propuesto 6</title>
<style type="text/css">
(Punto).menuhorizontal {width:400px;
                border-style:solid;
                border-color:gray;}
a {padding-left:25px;
    padding-right:25px;
    text-decoration:none;
    color:black;
    background-color:#F4F4F4;}
</style>
<body>
<div class="menuhorizontal">
<a class="a" href="https://www.google.es/" target="_blank">Google</a></div>
</body>
</html>
    Esto sobra.

    Una pistita:

    [HTML]a:link
    a:visited
    a:hover
    a:active[/HTML]
    Última edición por J.M.Statham; 21/11/2013 a las 18:35
    Citar Citar

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  

Reglas del foro

▲
▼