Re: [PHP-ES] table vs div

From: LOGin - Desarrollos ( web(EN)logindesarrollos.com.ar)
Date: Tue Nov 16 2004 - 18:56:26 CET

Next message: Federico N. Grochal: "Re: [PHP-ES] Upload MP3"
Previous message: Federico N. Grochal: "[PHP-ES] Upload MP3"
In reply to: Renato Olivares: "Re: [PHP-ES] table vs div"
Messages sorted by: [ date ] [ thread ] [ subject ] [ author ] [ attachment ]

este es el html de ejemplo

es basico,,, agradeceria que alguien comente algunos trucos de las css para
aplicar en nuestros script php para optimizarlos al maximo

saludos!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Divs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.fondoItem {
font-family: "Trebuchet MS";
font-size: 9pt;
background-color: #FDF4E3;
font-weight: bold;
padding-right: 4px;
border-top: 1px none #D7AE5B;
border-right: 1px none #D7AE5B;
border-bottom: 1px solid #D7AE5B;
border-left: 1px solid #D7AE5B;
text-align: right;

}
.fondoItem2 {
font-family: "Trebuchet MS";
font-size: 9pt;
background-color: #FEFAF1;
border-top: 1px none #D7AE5B;
border-right: 1px none #D7AE5B;
border-bottom: 1px solid #D7AE5B;
border-left: 1px none #D7AE5B;
padding-left: 4px;

}
.tituloTabla {
font-family: "Trebuchet MS";
font-size: 10pt;
background-color: #FFFFFF;
border-top: 1px solid #FFCC00;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
font-style: normal;
font-weight: normal;
padding-left: 5px;
text-transform: uppercase;
}

.titD {
font-family: "Trebuchet MS";
font-size: 10pt;
background-color: #FFFFFF;
border-top: 1px solid #FFCC00;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
font-style: normal;
font-weight: normal;
padding-left: 5px;
text-transform: uppercase;
}

.bordes-negros {
border: 2px solid #000000;

}
.tituloTabla2 {
font-size: 10pt;
border-top: 2px solid #FF9900;
border-right: 1px none #FF9900;
border-bottom: 1px solid #FF9900;
border-left: 2px solid #FF9900;
text-transform: uppercase;

}
.fiD {

font-family: "Trebuchet MS";
font-size: 9pt;
background-color: #FDF4E3;
font-weight: bold;
padding-right: 4px;
border-top: 1px none #D7AE5B;
border-right: 1px none #D7AE5B;
border-bottom: 1px solid #D7AE5B;
border-left: 1px solid #D7AE5B;
text-align: right;
width:13%;
display:inline;
}
.fi2D {
font-family: "Trebuchet MS";
font-size: 9pt;
background-color: #FEFAF1;
border-top: 1px none #D7AE5B;
border-right: 1px none #D7AE5B;
border-bottom: 1px solid #D7AE5B;
border-left: 1px none #D7AE5B;
padding-left: 4px;
display:inline;
width:87%;
}
.fi3D {
font-family: "Trebuchet MS";
font-size: 9pt;
background-color: #FEFAF1;
border-top: 1px none #D7AE5B;
border-right: 1px none #D7AE5B;
border-bottom: 1px solid #D7AE5B;
border-left: 1px none #D7AE5B;
padding-left: 4px;
display:inline;
width:37%;
}

.ttD2 {
font-size: 10pt;
border-top: 2px solid #FF9900;
border-right: 1px none #FF9900;
border-bottom: 1px solid #000000;
border-left: 2px solid #FF9900;
text-transform: uppercase;
width:68%;
display:inline;
cursor:hand;
}

-->
</style>
</head>

<body>
<div class="bordes-negros">
<div class="titD">
Empresa</div>
  <div class="fiD">
   Nombre
</div>
  <div class="fi3D">
   Pepe
Sanchez </div>
  <div class="fiD">
  Empresa
</div>
  <div class="fi3D">
  Login</div>

  <div class="fiD">Sector Economico</div>
  <div class="fi3D">Sistemas web</div>
  <div class="fiD">Rubro</div>
  <div class="fi3D">Informatica</div>

</div>
<br>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="bordes-negros">
  <tr>
    <td colspan="4" class="tituloTabla">Empresa</td>
  </tr>
  <tr>
    <td width="13%" class="fondoItem">Nombre</td>
    <td width="37%" class="fondoItem2">Pepe Sanchez</td>
    <td width="13%" class="fondoItem">Empresa</td>
    <td width="37%" class="fondoItem2">
      Login</td>
  </tr>
  <tr>
    <td class="fondoItem">Sector Economico</td>
    <td class="fondoItem2">Sistemas web</td>
    <td class="fondoItem">Rubro</td>
    <td class="fondoItem2">Informatica</td>
  </tr>
</table>
</body>
</html>

Favio Pirazzini
www.logindesarrollos.com.ar

----- Original Message -----
From: "Renato Olivares" < reolbe(EN)gmail.com>
To: "LOGin - Desarrollos" < web(EN)logindesarrollos.com.ar>
Cc: "Killer Dog" < killer(EN)colacao.es>; < php-es(EN)lists.php.net>
Sent: Tuesday, November 16, 2004 1:07 PM
Subject: Re: [PHP-ES] table vs div

Podrias enviarme el ejemplo a mi tambien? me interesa mucho el tema.

Gracias.

On Tue, 16 Nov 2004 12:06:07 -0300, LOGin - Desarrollos
< web(EN)logindesarrollos.com.ar> wrote:
> Hola Pepus
>
> como el sistema no es publico te envio una pagina adjunta de ejemplo para
> que veas el codigo, sobre todo los estilos... es muy simple
>
> uno de los mas importantes es el estilo display que te permite poner dos
> divs uno al lado del otro a modo de celdas
>
> usando Internet Explorer podras ver que queda identico el diseño con divs
> al
> de tablas
>
> es importante que lo veas con IE porque ni en opera, firefox ni netscape
> se
> ve bien, tengo que investigar un poco mas para ver como se hace para que
> se
> vea igual en estos navegadores... pero como mi sistema solo va a funcionar
> con IE no me interesa por ahora
>
> saludos
> Favio Pirazzini
> www.logindesarrollos.com.ar
>
> ----- Original Message -----
> From: "Killer Dog" < killer(EN)colacao.es>
> To: "LOGin - Desarrollos" < web(EN)logindesarrollos.com.ar>
> Sent: Tuesday, November 16, 2004 8:35 AM
> Subject: Re: [PHP-ES] table vs div
>
> > Hola Favio,
> >
> > Estoy muy interesado en ver cómo queda la página con etiquetas <div>
> > en lugar del típico <table>... Hay algún ejemplo público que pueda
> > ver?
> >
> > Si es privado, me podrías poner un trozo del código HTML, a modo de
> > ejemplo?
> >
> > Te lo agradezco de antemano. :^)
> >
> > Saludos,
> > Pepus
> > --
> > killer(EN)colacao.es
> >
> >
>
>
> --
> PHP Spanish Localization Talk Mailing List (http://www.php.net/)
> To unsubscribe, visit: http://www.php.net/unsub.php
>
>

-- 
PHP Spanish Localization Talk Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php
-- 
PHP Spanish Localization Talk Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php

Next message: Federico N. Grochal: "Re: [PHP-ES] Upload MP3"
Previous message: Federico N. Grochal: "[PHP-ES] Upload MP3"
In reply to: Renato Olivares: "Re: [PHP-ES] table vs div"
Messages sorted by: [ date ] [ thread ] [ subject ] [ author ] [ attachment ]

This archive was generated by hypermail 2.1.7 : Wed Jan 26 2005 - 23:58:52 CET


Web dns.bdat.net