menu un poco mas vistoso

[edyuin]

hola tengo un menu pero nose como hacerlo que salga como un cuadro separado por lineas o un poco mas bonito ya que sale todo negro con los link negros y yo de css no se mucho me podeis ayudar este es el div y el css:

Código PHP:

   
 <div id="cuerpo">  
   <div id="lateral">  
    <ul>  
      <li><a href="enviar.php">Enviar</a>  
      <li><a href="#">Enviados</a>  
      <li><a href="#">Recividos</a>   
    </ul> 
   </div> 
   <div id="principal">  
  <table width="800" border="0" align="center" cellpadding="1" cellspacing="1"> 
  <tr> 
  <td width="426" align="center" valign="top"><strong>Asunto</strong></td> 
  <td width="321" align="center" valign="top"><strong>De</strong></td> 
  <td width="321" align="center" valign="top"><strong>Fecha</strong></td> 
  </tr> 
   </div>  
  </div>  
   

Código PHP:

  /*esto es pa los privados*/ 
 
 
#lateral{  
   /*width: 160px;*/  
   background-color:#000000;  
   float:left;  
}  
}  
#principal{  
   margin-left: 10px;  
   background-color: #ffffff;  
   padding: 4 4 4 4px; 
}  
#contenedor_priva{  
   text-align: left;  
   width: 770px;  
   margin: auto;  
}  
   

gracias.

[alan_69niupi]

sin complicarte, existe un editor el DreamWeaber, que te facilita mucho el desarrollo de paginas en los grafico y estetico.

[edyuin]

tengo ese programa pero nose como hacer un menu con el ya que solo sería eso el menu para los privados, y no una web entera como e echo en otras ocasiones y entonces si lo use con las plantillas.

[fishdesign]

Ya no se usa (o al menos no se debe) maquetar con tablas. Para hacer un menú horizontal puedes usar listados (ul)
Para añadir esas "lineas" o cualquier otro elemento, simplemente añade esa capa (como clase, no como id).

Te recomiendo que estudies los conceptos básicos del CSS y que diseñes/hagas algún boceto previo de como quieres que sea tu menú. El CSS simplemente es la "traducción" del diseño a código (por decirlo de una manera), si no tienes diseño, no tienes nada que "traducir".

Pd: No te recomiendo para nada Dreamweaver. Solo hará crearte malos hábitos y desarrollar con mala calidad.


Saludos

[masclet]

Menús de navegación en CSS. Lo mejor. Te dejo este recurso http://www.cristalab.com/tutoriales/...-listas-c130l/
Espero que te sea de la misma utilidad que me fue a mi

[edyuin]

tengo un problema e probado la pagina estoy aciendo las modificaciones pero no me las coge nose por que es mira aki el div
<div id="cuerpo">
<div class="lateral">
<ul>
<li><a href="enviar.php">Enviar</a>
<li><a href="enviados.php">Enviados</a>
<li><a href="#">Recividos</a>
</ul>
</div>
<div id="principal">
<table width="800" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td width="426" align="center" valign="top"><strong>Asunto</strong></td>
<td width="321" align="center" valign="top"><strong>De</strong></td>
<td width="321" align="center" valign="top"><strong>Fecha</strong></td>
</tr>
</div>
</div>

y el css que le aplico a cada uno:

#principal{
margin-left: 10px;
background-color: #ffffff;
padding: 4 4 4 4px;
}
#contenedor_priva{
text-align: left;
width: 770px;
margin: auto;
}
.lateral{
/*width: 160px;*/
list-style:none;
background-color:;
float:left;
border:1px solid#CCCCCC;
}

[memoadian]

A lo mejor te sirve un tutorial que hice de html y css para crear un menu, solo que es vertical hasta mañana subo como hacer el horizontal :P

http://www.cursosdelwebmaster.com/20...co-html-y.html

[edyuin]

el problema esta en que aunque modifique el css no me sale en el menu como que esta modificado.

[memoadian]

a lo mejor necesitas limpiar tu cache.

o simplemente no estas llamando bien al archivo css.

con firebug puedes comprobar eso.

revisa bien tu código

incluso pueden ser las rutas relativas.

[edyuin]

limpie la cache y ya funciona mil gracias. un saludo