como cambiara una imagen?

hola, ya termine con el curso y ahora estoy probando lo aprendido, por ejemplo si quisiera cambiar donde decia seccion 1 seccion 2...
por imagenes ( es donde esta el menu desplegable)
como lo hago?

<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
    </div>

    eso es lo que hay en el menu desplegable

    y este otro codigo es el de la hoja de estilos

    #navegacion {background-color: gray ; background-image: url(objetos/fondo.jpg) ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 5px 60px 5px 20px }
    #navegacion ul { margin-left: 180px }

    no se como hacer para cambiar la palabra a imagen...

    ayuda por favor

    ;_____;
  • Hola

    primero necesitas la imagen ok
    y lo pones aqui

    <div id="navegacion">
    <ul>
  • [contenido no disponible]Sección 2</a>
  • Sección 3
    </div>

    o bien... si deseas que seas que al pasar el raton por enicma sea una imagen y al darle clik otra...

    lo haces en el grupo de las "a"

    si ya viste ese paso sabrás como hacerlo

    de lo contraio... avanza en el curso hasta que veas eso

    saludos
  • Te agradezco que me respondieras pero cuando pongo eso me tira unos errores diciendome "error en la secuencia de comandos"
    y queda con una X la imagen y se pieden los menus desplegables ;_________________;

    help plz :((((
    ya lo logre, ahora puse imagenes, pero me ocurre algo muy loco u_u me siento muy tonta, ahora si que no se que hacer en lo mas minimo,le e dado mil vistasos y ya no se! me voy a volver loca!
    mira, cada vez que toco el menu lateral se abre el menu desplegable, el ultimo al que le agregue la imagen, el codigo es este

    <!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>
    <body onload="init();">
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </a>
    </div>
    </div>
    <div id="navegacion">
    <ul>
  • [contenido no disponible]
  • <a id="desplegable2" href="#"[contenido no disponible]
  • <a id="desplegable3" href="#"</a>[contenido no disponible]

  • </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    [contenido no disponible]
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>

    lo que esta en negrita es lo de la imagen remplazando palabra,quizas por ahi este el error? no entiendo nada

    roso el menu lateral y se abre el desplegable I_I
    help



    aqui te dejo tambien la de la hoja de estilos

    #menu {width: 170px ; height:206px ; float:left ; text-align:center ; margin: 3px 10px 3px 3px ; background-image: url(objetos/fondo2.gif) ; background-position: bottom ; padding-bottom:5px}
    #menu h1 {text-decoration:none ; font-size:12px ;
    padding-top:12px }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }

    ayudame :(
  • joer ya se que es U_u creo que es todo por hoy u_u

    muchas horas en el pc me blokeaban u_u necesitaba un reset O.O

    adios y no jodo mas POR AHORA u_u
    volvere