Volver al Foro de Diseño de páginas Web

Ayuda por favor?

  • iveysaur
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Jul 08, 2009
  • Mensajes: 18
  • Loc: Florida
  • Status: Offline

Nota Julio 8th, 2009, 12:29 am

Mkay así, Im convertir mi sitio web en XHTML, y tengo un problema ..

Tengo un diseño de tabla, pero el validador de XHTML no va a aceptar, "bordercolor".

Código: [ Select ]
Line 15, column 20: Attribute "bordercolor" is not a valid attribute


...O, "border-color".

Código: [ Select ]
Line 15, column 21: Attribute "border-color" is not a valid attribute


Así que traté de poner el estilo de tabla en mi hoja de estilo, ahora el validador acepta, pero el estilo de la tabla no se mostrará en absoluto.

Heres lo que tengo en mi hoja de estilo.

Código: [ Select ]
 .table1     {cellpadding: 0px;
            width: 800px;
            background-color: #b9fbcd;
            border: 1px solid #000000; } 
  1.  .table1     {cellpadding: 0px;
  2.             width: 800px;
  3.             background-color: #b9fbcd;
  4.             border: 1px solid #000000; } 


Y la página real.

Código: [ Select ]
 <table class="table1">
-didn't copy all the stuff in the table-
</table>
  1.  <table class="table1">
  2. -didn't copy all the stuff in the table-
  3. </table>


¿Puede alguien ayudarme? C:
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Julio 8th, 2009, 12:29 am

  • CXLink
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Nov 22, 2004
  • Mensajes: 684
  • Loc: ATL-GA
  • Status: Offline

Nota Julio 8th, 2009, 10:14 am

¿Ha intentado utilizar en lugar de sólo table.table1. Tabla1?
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Julio 8th, 2009, 10:23 am

es la aceptación de la anchura, background-color, y cellpadding propiedades? O ninguna en absoluto estilos?
Use your words like arrows to shoot toward your goal.
  • iveysaur
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Jul 08, 2009
  • Mensajes: 18
  • Loc: Florida
  • Status: Offline

Nota Julio 8th, 2009, 2:31 pm

@ CXLink: Tengo, sin ayuda.

@ mindfullsilence: El validador o la mesa? El validador acepta los estilos, y el cuadro no es excepción de ninguno de ellos.
  • CXLink
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Nov 22, 2004
  • Mensajes: 684
  • Loc: ATL-GA
  • Status: Offline

Nota Julio 9th, 2009, 6:16 am

cambiar tu html

Código: [ Select ]
<table class="table1">
<tr>
    <td>didn't copy all the stuff in the table</td>
</tr>
</table>
  1. <table class="table1">
  2. <tr>
  3.     <td>didn't copy all the stuff in the table</td>
  4. </tr>
  5. </table>


consiguió trabajo en ff3.5 en OSX
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • iveysaur
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Jul 08, 2009
  • Mensajes: 18
  • Loc: Florida
  • Status: Offline

Nota Julio 9th, 2009, 1:53 pm

¿Qué cambió? ¿Debo pegar todo lo que tengo en la mesa por lo que sería más fácil para usted para ver lo que hice mal. Debido a que parece la misma. oo
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Julio 9th, 2009, 4:46 pm

Claro, después lo que tienes aquí
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • iveysaur
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Jul 08, 2009
  • Mensajes: 18
  • Loc: Florida
  • Status: Offline

Nota Julio 9th, 2009, 6:47 pm

Muy bien.

Código: [ Select ]
<table class="table1">
<tr>
<td height="250" width="800" colspan="3" valign="top">
<img src="http://i25.tinypic.com/15hif42.jpg" alt="banner" /></td>
</tr>
<tr>
<td height="600" width="150" valign="top">
 
<div id="nav">
<h1>Site</h1>
<a href="">Test</a>
</div>
 
</td>
<td height="600" width="500" valign="top">
 
</td>
<td height="600" width="150" valign="top">
 
</td>
</tr>
<tr>
<td height="50" width="800" colspan="3" valign="top">
 
</td>
</tr>
</table>
  1. <table class="table1">
  2. <tr>
  3. <td height="250" width="800" colspan="3" valign="top">
  4. <img src="http://i25.tinypic.com/15hif42.jpg" alt="banner" /></td>
  5. </tr>
  6. <tr>
  7. <td height="600" width="150" valign="top">
  8.  
  9. <div id="nav">
  10. <h1>Site</h1>
  11. <a href="">Test</a>
  12. </div>
  13.  
  14. </td>
  15. <td height="600" width="500" valign="top">
  16.  
  17. </td>
  18. <td height="600" width="150" valign="top">
  19.  
  20. </td>
  21. </tr>
  22. <tr>
  23. <td height="50" width="800" colspan="3" valign="top">
  24.  
  25. </td>
  26. </tr>
  27. </table>


Código: [ Select ]
table1      {width: 800px;
            background-color: #b9fbcd;
            border: 1px solid #000000; }
  1. table1      {width: 800px;
  2.             background-color: #b9fbcd;
  3.             border: 1px solid #000000; }
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Julio 9th, 2009, 6:55 pm

tan...¿cuál es su problema de nuevo? Lo comprobé el validador de CSS y en el que consideró válidas...

El HTML, sin embargo, no se puede tener la altura y anchura en el HTML...que tengo que hacer con CSS usando clases o identificaciones.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • iveysaur
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Jul 08, 2009
  • Mensajes: 18
  • Loc: Florida
  • Status: Offline

Nota Julio 9th, 2009, 7:15 pm

El problema es el estilo de la tabla, no funcionará.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Julio 9th, 2009, 7:31 pm

¿Qué no funciona? A mí me funciona...


¿O te refieres al borde de las celdas? Si es así, haga lo siguiente.
Código: [ Select ]
.table td {
    border: 1px solid #000000;
}
  1. .table td {
  2.     border: 1px solid #000000;
  3. }
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • iveysaur
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Jul 08, 2009
  • Mensajes: 18
  • Loc: Florida
  • Status: Offline

Nota Julio 9th, 2009, 7:45 pm

Ninguno de los de estilo para toda la tabla está funcionando. Creo que podría ser algo en el resto del código o algo .. Im que va a todo lo que acaba de pegar.

Código: [ Select ]
  <!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" xml:lang="en" lang="en">
 
<head>
<link rel="stylesheet" type="text/css" href="http://neopets.metrellie.comuv.com/style.css" />
<title>Metrellie~</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
 
<body>
 
<center>
 
<table class="table1">
<tr>
<td height="250" width="800" colspan="3" valign="top">
<img src="http://i25.tinypic.com/15hif42.jpg" alt="banner" /></td>
</tr>
<tr>
<td height="600" width="150" valign="top">
 
<div id="nav">
<h1>Site</h1>
<a href="">Test</a>
</div>
 
</td>
<td height="600" width="500" valign="top">
 
</td>
<td height="600" width="150" valign="top">
 
</td>
</tr>
<tr>
<td height="50" width="800" colspan="3" valign="top">
 
</td>
</tr>
</table>
 
</center>
 
</body>
 
</html>
  1.   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6. <link rel="stylesheet" type="text/css" href="http://neopets.metrellie.comuv.com/style.css" />
  7. <title>Metrellie~</title>
  8. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  9. </head>
  10.  
  11. <body>
  12.  
  13. <center>
  14.  
  15. <table class="table1">
  16. <tr>
  17. <td height="250" width="800" colspan="3" valign="top">
  18. <img src="http://i25.tinypic.com/15hif42.jpg" alt="banner" /></td>
  19. </tr>
  20. <tr>
  21. <td height="600" width="150" valign="top">
  22.  
  23. <div id="nav">
  24. <h1>Site</h1>
  25. <a href="">Test</a>
  26. </div>
  27.  
  28. </td>
  29. <td height="600" width="500" valign="top">
  30.  
  31. </td>
  32. <td height="600" width="150" valign="top">
  33.  
  34. </td>
  35. </tr>
  36. <tr>
  37. <td height="50" width="800" colspan="3" valign="top">
  38.  
  39. </td>
  40. </tr>
  41. </table>
  42.  
  43. </center>
  44.  
  45. </body>
  46.  
  47. </html>


Hoja de estilos:

Código: [ Select ]
body        {background-color: #0b140f;
            font-family: century gothic;
            color: #000000;
            font-size: 12px}
           
h1          {font-family: century gothic;
            text-transform: none;
            text-align: center;
            margin: 1;
            border-bottom: 1px #42815b dashed;
            color: #42815b;
            font-size: 14px; }
h2          {font-family: Century Gothic;
            text-transform: none;
            text-decoration: none;
            font-weight: none;
            text-align: center;
            margin: 4;
            border: 1px #f09e25 solid;
            color: #fff18b;
            font-size: 12px;
            width: 200px;
            background: #ffbe4e; }
 
b           {color: #f6cb03; }
i           {color: #f6cb03; }
u           {color: #f6cb03;
            border-bottom: 1px dashed #fffa97; }
li          {font-family: century gothic;
            color: #f6cb03; }
 
a:link      {font-family: century gothic;
            font-size: 12px;
            color: #adfffe;
            text-decoration: none; }
a:hover     {font-family: century gothic;
            font-size: 12px;
            color: #f8886f;
            text-decoration: none; }
a:visited   {font-family: century gothic;
            font-size: 12px;
            color: #adfffe;
            text-decoration: none; }
a:active    {font-family: century gothic;
            font-size: 12px;
            color: #adfffe;
            text-decoration: none; }
           
#nav        {background-color: #63b28e;
            border: solid 1px #000000;
            text-align: left;
            width: 125px;
            margin: 3px;
            padding: 2px; }
           
table1      {width: 800px;
            background-color: #b9fbcd;
            border: 1px solid #000000; }
  1. body        {background-color: #0b140f;
  2.             font-family: century gothic;
  3.             color: #000000;
  4.             font-size: 12px}
  5.            
  6. h1          {font-family: century gothic;
  7.             text-transform: none;
  8.             text-align: center;
  9.             margin: 1;
  10.             border-bottom: 1px #42815b dashed;
  11.             color: #42815b;
  12.             font-size: 14px; }
  13. h2          {font-family: Century Gothic;
  14.             text-transform: none;
  15.             text-decoration: none;
  16.             font-weight: none;
  17.             text-align: center;
  18.             margin: 4;
  19.             border: 1px #f09e25 solid;
  20.             color: #fff18b;
  21.             font-size: 12px;
  22.             width: 200px;
  23.             background: #ffbe4e; }
  24.  
  25. b           {color: #f6cb03; }
  26. i           {color: #f6cb03; }
  27. u           {color: #f6cb03;
  28.             border-bottom: 1px dashed #fffa97; }
  29. li          {font-family: century gothic;
  30.             color: #f6cb03; }
  31.  
  32. a:link      {font-family: century gothic;
  33.             font-size: 12px;
  34.             color: #adfffe;
  35.             text-decoration: none; }
  36. a:hover     {font-family: century gothic;
  37.             font-size: 12px;
  38.             color: #f8886f;
  39.             text-decoration: none; }
  40. a:visited   {font-family: century gothic;
  41.             font-size: 12px;
  42.             color: #adfffe;
  43.             text-decoration: none; }
  44. a:active    {font-family: century gothic;
  45.             font-size: 12px;
  46.             color: #adfffe;
  47.             text-decoration: none; }
  48.            
  49. #nav        {background-color: #63b28e;
  50.             border: solid 1px #000000;
  51.             text-align: left;
  52.             width: 125px;
  53.             margin: 3px;
  54.             padding: 2px; }
  55.            
  56. table1      {width: 800px;
  57.             background-color: #b9fbcd;
  58.             border: 1px solid #000000; }


Ive visto de antemano en Firefox, Safari, y mi programa de edición de HTML, pero la mesa es la frontera-menos y menos de fondo. : \-No consigue lo que Im que hace mal

Oh, y la hoja de estilos no está completa aún, porque estoy cambiando los estilos de mi hoja de estilo pasado, así que algunos de los colores no coinciden con la derecha.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Julio 9th, 2009, 7:50 pm

Tal vez se requiere que en el punto delante del nombre de la clase? . Tabla1
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • iveysaur
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Jul 08, 2009
  • Mensajes: 18
  • Loc: Florida
  • Status: Offline

Nota Julio 9th, 2009, 7:57 pm

Sí lo hace. Idk cómo conseguir que mantiene borrarse. De todos modos, aún nada. : \
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Julio 9th, 2009, 8:01 pm

Revise su CSS ... . table1 no se define allí. No se olvide de carga realmente el CSS para tu sitio

Además, agrega lo siguiente a tu CSS (creo que sería hacer el menú un poco mejor :)
CSS Código: [ Select ]
#nav a   {display: block;
         width: 100%;}
  1. #nav a   {display: block;
  2.          width: 100%;}
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Julio 9th, 2009, 8:01 pm

1, 2

Publicar Información

  • Total de mensajes en este tema: 30 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 104 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC