confundida con las plantillas y los programas

hola es la primera vez que consulto algo en el foro pues soy nueva aca, soy de rio gallegos, santa cruz, argentina, intento hacer una web de mi salon de peluqueria pero no puedo centrar la foto despues que añadi el menu en el contenido, como veran puse 2 menu, y otro en en la barra de navegacion( no se si ese es el lugar correcto), je , pero me gustaria tenerlo alli tambien, otra es que me confundi demasiado con el HTNL-KIT Y EL DREAMWEAVER 3.0, cuando trabaje con el HTML-KIT, la cosa era mas sencilla pero con el otro se me complico la cosa al crear el index y la hoja de estilo, eso que segui los pasos detalladamente varias veces pero al comprobar vinculos no se vinculaban entre si, asi que abri el HTML-KIT y el otro programa al mismo tiempo y estoy trabajando con los 2, con el HTML-KIT manejo el index y la hoja de estilo y con el otro inserto menu, porque me resulta mas facil ya que con el HTML-KIT, debo inseratr todo a mano, nose si esta bien hacerlo asi, por favor aclararmelo, para la web cree con el HTML -KIT 2 hojas de estilo, 1 y 2, pero al poner algo en la hoja 2 en el index no aparece nada, otra duda, aparte del index , necesito una segunda plantilla?, hay cosas que se me confunden, je, perdon por la ignorancia, espero sus respuestas, ayudenmmme, por favor, saludos-marina

P.D. aca les dejo un hosting que no es caro, espero les sirva
http://www.negociosred.net/ARGENTINA/host.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>BENJAMIN SALON UNISEX RIO GALLEGOS SANTA CRUZ</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo2.css" type="text/css" media="all">

</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a nuestra Web</div>
<div id="navegacion">
<h1>BENJAMIN SALON UNISEX</h1>


</p>

<h2>Cortes de cabello para damas caballeros y niños Tinturas Reflejos Peinados
Brushing Planchita Alisado permanente Productos
</h2>


</p>
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FF9933">
<td width="32%" height="22">
<div align="center"><font color="#000000">La empresa</font></div>
</td>
<td width="34%" height="22">
<div align="center"><font color="#000000">Servicios
</font></div>
</td>
<td width="34%" height="22">
<div align="center"><font color="#000000">Contacto</font></div>
</td>
</tr>
</table>


</p>
</div>

<div id="contenido">
<div id="menu">

<ul>


  • <table width="20" border="10" cellspacing="2" cellpadding="0" height="30" align="left">
    <tr>
    <td height="0,66">Notas</td>
    </tr>
    <tr>
    <td height="0,66">Fotos</td>
    </tr>
    <tr>
    <td height="0,66">Enlaces</td>
    </tr>
    </table>
    </div>


    </p>


    </p>
    [contenido no disponible]


    </p>


    </p>


    </p>


    BENJAMIN GROPPA ESTILISTA </p>


    </p>


    </p>


    </p>


    </p>


    </p>
    </div>
    <div id="pie">fin de la pagina</div>







    </div></body>




    </html>


    esto es lo que puse en la hpja de estilo

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: orange }
    #navegacion {background-color:gray }
    #contenido {background-color:gray; width: 800px ; float:left }
    #contenido p {margin: 5px 10px 5px 10px ;float:center ; text-indent: 15px}

    #menu{float:center }
    #menu {background-color: gray ; width:"30" ; float:left; text-align:left ;margin: 10px 10px 10px 10px; background-color:orange}
    #pie {background-color: orange }

    #menu li{list-style:none; margin: 6px 4px 4px 6px }

    a {color: black ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:black ; text-decoration:underline ; background-color: silver}
    a:active {}






    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}

    h2 {font-size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
  • MARINAF25
    perdon pero como dije soy nueva, lei varias preguntas y sus repuestas pero no encuentro una que encaje con lo mio, si me podes orientar, seria muy bueno de tu parte, por ejemplo lei una que no puede centrar la imagen y pensaba meter mi pregunta ahi, pero dado a que me retaste ya tengo miedo de pasar como metida , y que me reten otra vez, me entendes? relmente necesito que me ayuden , espero tu respuesta, saludos
    MARINAF25
    Hola Marina

    veremos que podemos hacer

    para empezar veo esto:

    <link rel="stylesheet" href="estilo.css" type="text/css" media="all">
    <link rel="stylesheet" href="estilo2.css" type="text/css" media="all">

    con estas 2 lineas, le estas indicando a tu documento de html, que busque en las 2 hojas de estilo?

    no se si sea correcto o no, pero yo solo he usado una,
    cual? tu decides.

    <table width="20" border="10" cellspacing="2" cellpadding="0" height="30" align="left">


    recuerda poner la medida correcta si son pixeles pues definelo
    20px


    Jorgens nos indica 2 hojas de estilo, una para que la usemos en la index, y otra para la plantilla (que serán las siguientes páginas)

    yo solo uso una hoja de estilo, y en ella acomodo, todo,
    no se si sea lo correcto, pero es lo que mas se me acomoda,
    tu decides como hacerlo

    saludos

    cualquier cosa no dudes en preguntar

    saludos
    hoa, gracias por responder, lo que hice fue cambiar el formato del contenido bajando el segundo menu abajo de la foto que no podia centrar, ahora avancce un poco y me di cuenta de lo que me decis que ela segunda hoja de estilo era para las htm siguientes, cree otras plantillas para cada pagina y vinculando las mismas a la hoja de estilo 2 para aparezcan iguales, ya vincule el htm principal con el resto de las plantillas, con los que me decis de px voy a cambiarlo aver que pasa asi veo los efectos , jejje, gracias por tu ayuda, saludos