03/06/2006, 13:35
| ||||
| ||||
| problema con firefox e IE7 Buen dia Llevo mucho tiempo buscando la razon por la cual las tablas dentro de mi pagina con extension php no se ven de la misma forma que se ven en IE6. Buscando encontre que es mejor usar Div's, pues lo hice de esa forma reestructure parte de mi pagina php cambiando las td por Div's y no veo ningun cambio, puede decirme a que se deve que en IE6 se vea tal y como se ve en mi Dreamweaver mientras que en FIREFOX y IE7 no se ve igual.
__________________ Solamente quiero aprender, ayudenme!... |
|
03/06/2006, 17:17
| ||||
| ||||
| PHP no tiene nada que ver con cuestiones de presentación y/o diseño; solo entrega código cuyo uso y funcionamiento es totalmente independiente. El usar DIVs no garantiza una buena presentación por si solo (como magia), solo es una forma de trabajar; se trata de agregar semántica al contenido del archivo, separar presentación y contenido. Los "divs" debes "modificarlos" con CSS... DreamWeaver genrea código "muy sucio", eso es sabido. Firefox respeta los estándares, IE7 se preocupó más en ese sentido y los respeta un poco más que su antecesor IE6 (aún le falta). IE6 simplemente no los respeta. La razón por la que en los dos navegadores que mencionas no se vea bien tú página es porque en realidad lo que esta mal es el código (HTML) genrado por DW. Es en ese código final (HTML y CSS) --que no muestras-- en donde debes buscar los errores, no en PHP. Prueba NVU como editor WYSIWYG, se dice el sí genera un código limpio y basado en estándares, súmale que es libre  . Lo mejor sin duda es que aprendas HTML y CSS directamente con código.Saludos y suerte  >> Tema movido desde PHP.
__________________ ٩(͡๏̯͡๏)۶ "100 años después, la revolución no es con armas, es intelectual y digital" |
|
05/06/2006, 07:58
| ||||
| ||||
| Te agradesco mucho que me repondieras, ahora estoy descargando el programa y voy a ver si comienzo a trabajar en el pero para un novato como yo sera un poco dificil dejar de usar Dreamweaver, pero poco a poco lo voy hacer. Gracias por la ayuda
__________________ Solamente quiero aprender, ayudenme!... |
|
05/06/2006, 08:08
| ||||
| ||||
| Como dice Jam1138, Lo mejor es aprender CSS y HTML "a pelo" porque muchas veces los programas WYSIWYG(what you see is what you get) no siempre cumplen con su cometido y no siempre lo que WHAT YOU SEE es lo que WHAT YOU GET. Yo uso dreanweaver pero al conocer CSS HTML y los estandares web, amoldo el código que genera a mi gusto. Por lo tanto el consejo que te doy es que sigas usando dreaweaver ya que ayuda mucho en ciertas tareas tediosas pero que intentes aprender CSS y HTML pra "depurar", vamos a decirlo asi, el código generado. Un saludo
__________________ El mundo exige resultados. No le cuentes a otros tus dolores del parto. Muéstrales al niño. |
|
05/06/2006, 08:23
| ||||
| ||||
| Gracias por la ayuda pero tengo una duda Y es que con Dreamweaver genere mi codigo PHP, me refiero a que utilice las herramientas de dreamweaver de conecciones con la base de datos y las consultas, obviamente el me genero el codigo php pero que pasa si yo copio mi codigo y lo edito por otro lado, seguira funcionando igual? Gracias
__________________ Solamente quiero aprender, ayudenme!... |
|
05/06/2006, 08:38
| ||||
| ||||
| Si lo copias y lo editas bien no hay ningun problema, el código te servirá = el único problema que puedes tener es que al cambiar el código de un lugar a otro, si has utilizado URL relativas no te encuentre el servidor o la base de datos o alguna página a la que hagas referencia... 
__________________ El mundo exige resultados. No le cuentes a otros tus dolores del parto. Muéstrales al niño. |
|
06/06/2006, 11:05
| ||||
| ||||
| Este es mi CSS:
Código:
.f_body {
background-image: url(../img/BODY.gif);
background-repeat: no-repeat;
background-position: center top;
}
.f_news {
}
.celda_news {
background-image: url(../img/barra_2.gif);
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
font-variant: normal;
font-style: normal;
line-height: normal;
color: #333333;
text-align: left;
vertical-align: 8%;
text-indent: 10px;
letter-spacing: 1px;
}
.titulos {
font-family: Tahoma;
color: #333333;
font-size: 12px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
.contenido {
font-family: Tahoma;
color: #333333;
font-size: 12px;
font-weight: normal;
text-align: justify;
text-indent: 20px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.cont_up {
background-image: url(../img/ventana%20contenido/images/contenido_01.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom;
color: #FF00FF;
}
.marguen_derecho {
background-image: url(../img/frame_news/frame_06.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}
.marguen_izquierdo {
background-image: url(../img/frame_news/frame_04.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
}
.cont_down {
background-image: url(../img/ventana%20contenido/images/contenido_06.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
color: #FF00FF;
}
.cont_derecha {
background-image: url(../img/ventana%20contenido/images/contenido_04.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: 2px top;
color: #FF00FF;
}
.cont_izquierda {
background-image: url(../img/ventana%20contenido/images/contenido_02.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
color: #FF00FF;
background-position: 1px top;
}
.body_up {
background-image: url(../img/body/images/BODY_01.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center bottom;
color: #000066;
font-weight: bold;
}
.body_der {
background-image: url(../img/body/images/BODY_04.jpg);
background-repeat: repeat;
background-position: right center;
color: #000066;
font-weight: bold;
}
.body_down {
background-image: url(../img/body/images/BODY_05.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
color: #000066;
font-weight: bold;
}
.news_up {
color: #FF9900;
background-attachment: fixed;
background-image: url(../img/frame_news/images/news_01.jpg);
background-repeat: no-repeat;
background-position: bottom;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-align: left;
vertical-align: 1%;
text-indent: 27px;
}
.news_iz {
color: #FF6600;
background-attachment: fixed;
background-image: url(../img/frame_news/images/news_02.jpg);
background-repeat: repeat-y;
background-position: left;
}
.news_der {
color: #FF6600;
background-attachment: fixed;
background-image: url(../img/frame_news/images/news_04.jpg);
background-repeat: repeat-y;
background-position: left top;
}
.news_down {
color: #FF6600;
background-attachment: fixed;
background-image: url(../img/frame_news/images/news_05.jpg);
background-repeat: no-repeat;
background-position: top;
}
.titulos_conbarra {
font-family: "Times New Roman", Times, serif;
color: #333333;
font-size: 14px;
font-weight: bold;
text-align: left;
background-image: url(../img/barra.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
text-indent: 20px;
vertical-align: 11%;
letter-spacing: 1px;
}
.body_isq {
background-image: url(../img/body/images/BODY_02.jpg);
background-repeat: repeat;
background-position: left center;
color: #000066;
font-weight: bold;
}
.tablas_regitros {
font-family: Tahoma;
font-size: 11px;
color: #666666;
text-align: justify;
font-weight: normal;
font-variant: normal;
text-transform: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.contenido_news {
font-family: Tahoma;
color: #333333;
font-size: 11px;
font-weight: normal;
text-align: justify;
text-indent: 20px;
font-style: normal;
display: table;
font-variant: normal;
text-transform: capitalize;
}
.users {
font-family: Tahoma;
color: #2A5FAA;
font-size: 11px;
font-weight: normal;
text-align: justify;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
background-position: left;
font-style: normal;
line-height: normal;
}
#form {
margin: 0;
padding: 0;
color: #CCCCCC;
background-position: center;
border: 1px solid #EEEEEE;
}
input {
color: #333333;
font-size: 100%;
margin: 2px;
font-family: Tahoma;
background-position: right;
border: 1px ridge #CCCCCC;
padding: 0px;
background-image: url(../img/barra_2.gif);
}
.subtitulos {
font-family: Tahoma;
color: #2A5FAA;
font-size: 13px;
font-weight: bold;
text-align: left;
text-transform: capitalize;
text-decoration: underline;
}
.finaltext {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #333333;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
list-style-image: none;
list-style-type: none;
background-image: url(../img/barra grande.gif);
text-align: center;
vertical-align: super;
}
textarea, select{
background-color: #FFFFFF;
border: 1px solid #888888;
background-image: url(../img/fondo_celdas.png);
background-repeat: repeat;
}
.ENCABEZADOS {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #333333;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
list-style-image: none;
list-style-type: none;
background-image: url(../img/barra grande.gif);
text-align: center;
vertical-align: super;
background-image: url(../img/barra_grande.gif);
}.tablas_users {
font-family: Tahoma;
font-size: 11px;
color: #999999;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(../img/chess%20login.png);
}
.tablas_registros_2 {
font-family: Tahoma;
font-size: 11px;
color: #666666;
text-align: justify;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
display: table-caption;
white-space: normal;
border: 1px none #666666;
background-image: url(../img/fondo_celdas.png);
}
.area_res {
background-attachment: fixed;
background-image: url(../img/perrito.png);
background-repeat: no-repeat;
background-position: right bottom;
font-family: Tahoma;
font-weight: bold;
text-transform: capitalize;
color: #666666;
font-size: 70%;
font-variant: normal;
font-style: normal;
line-height: normal;
text-align: left;
vertical-align: top;
}
Th {
color: #666666;
background-position: center;
text-transform: capitalize;
}
a {
font-family: Tahoma;
color:#2A5FAA;
}
a:visited {
color: #2A00AA;
}
a:hover {
color: #009FFF;
font-weight: normal;
}
a:active {
color: #2A5FAA;
}
.titulo_news {
font-family: Tahoma;
color: #333333;
font-size: 10px;
font-weight: bold;
text-align: left;
font-style: normal;
display: table;
font-variant: normal;
text-transform: uppercase;
}
.titulos_tablas {
font-family: Tahoma;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
background-color: #1A3668;
}
.cont_tablas {
font-family: Tahoma;
color: #808080;
font-size: 11px;
font-weight: normal;
text-align: left;
text-transform: capitalize;
background-color: #EEE6FF;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding: 1px;
}
.reg_users_chesito {
font-family: Tahoma;
color: #2A5FAA;
font-size: 11px;
font-weight: normal;
text-align: justify;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
background-position: left bottom;
font-style: normal;
line-height: normal;
background-image: url(../img/chess%20login_viewpng.png);
background-attachment: fixed;
background-repeat: no-repeat;
}
.botonera {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
background-image: url(../img/fondo_celdas.png);
background-repeat: repeat;
}
.ver_mas {
font-family: Tahoma;
color: #333333;
font-size: 10px;
font-weight: normal;
text-align: right;
font-style: italic;
display: block;
font-variant: normal;
text-transform: capitalize;
}
.noticias {
color: #FF9900;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-transform: capitalize;
}
__________________ Solamente quiero aprender, ayudenme!... |
|
06/06/2006, 11:08
| ||||
| ||||
| Y este es mi codigo PHP: Código PHP: Ayudenme para saber en donde radica mi problema
__________________ Solamente quiero aprender, ayudenme!... |
|
06/06/2006, 13:58
| |||
| |||
| Hola rockermendez 1- Tu código php no es php, es xhtml. 2- es mal xhtml, como ya te dijeron Dreamweaver escribe el código mal. 3- Tu codigo es un ejemplo, no tabajo con flash pero me parece que los object están mal. 4- Cita: del punto uno se dedude que no tienes ni idea de lo que estas haciendo. este es tu problema.Ayudenme para saber en donde radica mi problema 5- me gusta tu firma: http://ferguweb.tx.com.ru/w3/Overview.html http://www.w3.org/Style/Examples/011/firstcss.es.html |
|
06/06/2006, 14:37
| ||||
| ||||
| jajajajaj.... gracias por tu respuesta!!!! 1. tenes razon no es php, es xhtml 2. ya entendi que con dreamweaver no concigo alcanzar los estandares de W3C 3. voy a revisar los objectcs 4. pues ahi creo que radica mi problema: yo pense en colocar clases en los css para hacerlo mas facil pero en la planificacion solo verifique en el IE6 y no savia que tenia que probar con otros navegadores, lo que pasa es que estoy confundido pero si tengo mas o menos la idea de lo que hago. 5. que bueno que te guste mi firma "Hitman", se viene la pelicula. Pero igual ahora como hago para reparar el daño que me ocaciono trabajarlo en dreamweaver. sin necesidad de volver a hacerlo todo.???? Gracias por sus respuestas.....
__________________ Solamente quiero aprender, ayudenme!... |
|
06/06/2006, 15:08
| ||||
| ||||
| Cita: mi recomendación: empezá de nuevo. Estaś usando tablas para maquetar, cosa no está bien ya que no respeta la semántica, y además te permiten poca flexibilización al trabajar en css. No se trata de incluir divs por todos lados.. sino que se trata de usar las cosas para lo que fueron pensadas. Te dejo un breve artículo para que entiendas el concepto.
Iniciado por rockermendez Pero igual ahora como hago para reparar el daño que me ocaciono trabajarlo en dreamweaver. sin necesidad de volver a hacerlo todo.???? Otra recomendación: separá AL 100% lo que es estilo y lo que es estructura... aplicá SIEMPRE CSS para el estilo visual, HTML para el marcado semántico. Cosas como width="18" rowspan="3" valign="top"lo único que hacen es complicarte el panorama...
__________________ Pasamos tus PSD a HTML Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. - Última edición por webosiris; 06/06/2006 a las 16:31 |
