Dreamweaver - Formato tabla dreamweaver

   
Vista:

Formato tabla dreamweaver

Publicado por Miguel (2 intervenciones) el 27/12/2012 14:21:23
Hola a todos,

estoy comenzando a usar dreamweaver y tengo la siguiente duda sobre el formato de las tablas:

¿Como puedo poner 2 lineas juntas en una celda alineada en el centro de la celda?



Me refiero concretamente a las dos lineas de horario, no consigo ponerlas separadas alineadas en el centro.

Asi es como querria que salieran:



GRacias y un saludo
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Formato tabla dreamweaver

Publicado por Martha (4 intervenciones) el 27/12/2012 14:57:44
Si fueras tan amable de colocar el código, quizá te podría decir algo.

De todas formas, las tablas son un poco puñeteras. Si has fijado anchura en pixels para la tabla, el sistema te fija la anchura de las columnas en función de su contenido.

Antes, se jugaba con ese parámetro. Define la anchura que deba tener cada columna y dale a la tabla la anchura de la suma de las columnas.

Algo tal que así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
</table>
<table width="1000" Cellpadding="0" Cellspacing="0" border="1">
<tr>
<td width="100">&nbsp;</td>
<td width="400">&nbsp;</td>
<td width="400">&nbsp;</td>
<td width="100">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>


Hablamos...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Formato tabla dreamweaver

Publicado por Miguel (2 intervenciones) el 27/12/2012 16:54:00
Muchas gracias por tu respuesta, aunque no la he entendido bien.

Si te fijas bien, en la fila horario, las celdas que tienen dos lineas aparecen muy separadas una de la otra, me gustaria que apareciesen juntas en el centro de la celda. Esto ocurre porque tengo que aplicar un intro para que aparezca cada una de las dos horas separadas. El codigo es este:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<p>Tenemos sedes en: </p>
<table width="500" border="2" cellpadding="5" cellspacing="2">
  <tr>
    <th nowrap="nowrap" scope="row">Sedes de Cocina</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">Ciudad</th>
    <td>Valencia</td>
    <td>Madrid</td>
    <td>Barcelona</td>
  </tr>
  <tr>
    <th height="28" scope="row">Direcci&oacute;n</th>
    <td>Av.Constituci&oacute;n 34</td>
    <td>Gran V&iacute;a 162</td>
    <td>Av. Diagonal 23</td>
  </tr>
  <tr>
    <th scope="row">Horario</th>
    <td><p>10:00 - 16:30</p>
    <p> 20:30 - 00:00</p></td>
    <td><p>12:00 - 17:00</p>
    <p>20:30 - 00:30</p></td>
    <td>20:30 - 01:00</td>
  </tr>
  <tr>
    <th scope="row">Especialidad</th>
    <td>Casera y de Creaci&oacute;n</td>
    <td>Castellana y de mercado</td>
    <td>Creativa</td>
  </tr>
  <tr>
    <th scope="row">Reservas</th>
    <td>S&iacute;</td>
    <td>No</td>
    <td>Si</td>
  </tr>
</table>


Muchas gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Formato tabla dreamweaver

Publicado por Martha (4 intervenciones) el 28/12/2012 13:35:15
Estoy de vacaciones y no tengo oportunidad de reproducir el código en un servidor.

Pero creo que en lugar de <p></p> deberías usar <br />.

<p> se usa para un párrafo nuevo. Técnicamente la separación de un párrafo es mayor que la de una línea, sobre todo si usas una hoja de estilo.

<br /> se usa para una línea nueva. Cada navegador, en función de la resolución te hará las líneas de la anchura que le convenga. <br /> te permite romper la línea dónde tu quieras.

Incluso podrías usar <span></span> para que la línea tenga su propio formato.

Algo tal que así:
1
<span>Primera linea<br /> segunda linea </span>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Formato tabla dreamweaver

Publicado por Martha (4 intervenciones) el 03/01/2013 10:25:30
Efectivamente, con un <br> en lugar de <p></p> queda lo mas parecido a lo que quieres.

El código sería este:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<p>Tenemos sedes en: </p>
<table width="600" border="2" cellpadding="5" cellspacing="2">
  <tr>
    <th nowrap="nowrap" scope="row">Sedes de Cocina</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">Ciudad</th>
    <td>Valencia</td>
    <td>Madrid</td>
    <td>Barcelona</td>
  </tr>
  <tr>
    <th height="28" scope="row">Direcci&oacute;n</th>
    <td>Av.Constituci&oacute;n 34</td>
    <td>Gran V&iacute;a 162</td>
    <td>Av. Diagonal 23</td>
  </tr>
  <tr>
    <th scope="row">Horario</th>
    <td>10:00 - 16:30 <br />20:30 - 00:00</td>
    <td><p>12:00 - 17:00 <br />20:30 - 00:30</td>
    <td>20:30 - 01:00</td>
  </tr>
  <tr>
    <th scope="row">Especialidad</th>
    <td>Casera y de Creaci&oacute;n</td>
    <td>Castellana y de mercado</td>
    <td>Creativa</td>
  </tr>
  <tr>
    <th scope="row">Reservas</th>
    <td>S&iacute;</td>
    <td>No</td>
    <td>Si</td>
  </tr>
</table>


Por otro lado, te aconsejo que te descargues un servidor WAMP: wamp5, XAMPP, Vertrigo serv. o similar para poder ver los resultados de tus html como se verán cuando los subas a un servidor web. La función que trae Dreamweaver no es exactamente eso.

Tus <th> que se te alínean a la izquierda, a mí se me centran. Y con 500 pixels de ancho de tabla me corta las direcciones, lo cual también puede deberse a mi configuración de pantalla. En este caso, le he dado 600 y se me soluciona.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar