alinear texto

georgiy_84 · #1 (**permalink**) 01/03/2011, 07:53

Hola tengo una problemita yo hice menú, pero cuando texto de menú es muy largo se pasa a segunda línea y queda desalineado se puede alinear de alguna forma con css
Ahora esta así:

y necesito que cede así:

Codigo:
---------------------------------------

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<table cellpadding="0" cellspacing="0" width="100%">
	<tr>
    	<td width="180" valign="top">
		<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="52">&nbsp;</td>
          </tr>
          <tr>
            <td><a href="../index.php"><img src="../images/logo.gif" width="180" height="53" border="0"></a></td>
          </tr>
          <tr>

            <td height="20">&nbsp;</td>
          </tr>
          <tr>
            <td height="100%" valign="top"><!-- categories //-->
<table cellpadding="0" cellspacing="0" border="0" width="180">
<tr>
		<td height="1" bgcolor="000000"><img src="../images/1x1.gif" width="1" height="1"></td>
	</tr>
          <tr>
            <td width="230" class="link_menu2">

			<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox_menu">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents_menu">
  <tr>
  </tr>
  <tr>
    <td class="boxText_menu"><a  href="../productos/index.php?cPath=3&file_index="class="botonmenu" style="text-transform: uppercase;" >&nbsp;&nbsp;<b>Productos</b></a><br>
    &nbsp;<a  href="index.php?cPath=3_5&file_index="class="botonmenu3" >&nbsp;&nbsp;<img src="http://192.168.0.143:83/images/puntito2.gif" border="0" />&nbsp;&nbsp;<b>Juegos para Baño y Cocina</b></a><br>
    &nbsp;&nbsp;<a  href="lista.php?cod_GR_Producto=32&cod_espacio=1&cod_cat=1?cPath=3_5_53&file_index="class="botonmenu2" >&nbsp;&nbsp;<img src="http://192.168.0.143:83/images/puntito2.gif" border="0" />&nbsp;&nbsp;Juegos de dos llaves de lavatorio </a><br>
    &nbsp;&nbsp;<a  href="lista.php?cod_GR_Producto=33&cod_espacio=1&cod_cat=1?cPath=3_5_54&file_index="class="botonmenu2" >&nbsp;&nbsp;<img src="http://192.168.0.143:83/images/puntito2.gif" border="0" />&nbsp;&nbsp;Juegos de dos llaves de ducha y/o bañera</a><br>
    &nbsp;<a  href="por-linea.php?cPath=3_2&file_index="class="botonmenu2" >&nbsp;&nbsp;<img src="http://192.168.0.143:83/images/puntito2.gif" border="0" />&nbsp;&nbsp;Búsqueda por Línea</a>
    </td>

  </tr>
  <tr>
  </tr>
</table>
</td>
  </tr>
</table>
    
          </td> 
        </tr>
            </table>    
<!-- categories_eof //--></td>

          </tr>
          <tr>
            <td height="100%" valign="top"><p>&nbsp;</p>
          </td>
          </tr>
          <tr>
            <td height="25">&nbsp;</td>
          </tr>
          <tr>

            <td height="78">&nbsp;</td>
          </tr>
        </table></td>
    </tr>
</table>
</body>
</html>

---------------------------------------
Gracias saludos.

kseso? · #2 (**permalink**) 01/03/2011, 11:51

Sugerencia 1:
Esta consulta debería estar en el foro de html, pues nada tiene de css por ningún lado.

Sugerencia 2:
En vez de construirla con tablas, imágenes y   (espacios en blanco) haga uso de una lista (ul/li/a) y aplique los estilos oportunos utilizando css.