[SOLUCIONADO] Maquetar pagina en php

giuli956 · #1 (**permalink**) 01/09/2013, 10:52

buenas amigos.
Tengo una pagina hecha en php, con una base de datos en phpmyadmin, uso xampp.
El caso es que aprendi algo de css, y como uds saben, el codigo css(la maquetacion) puede ser escrita en un archivo aparte que luego se incluira en un html, donde esta el codigo php. Esto aliviana el codigo de php y html porque lo restante esta en otro archivo. Mi pregunta es, ¿como hago con los botones y listas desplegables que cree en php? La duda que me surge es que la hoja css tiene que coincidir con todos los elementos que cree, es decir como referenciar cada elemento o parte de php en css?

Creo haberme explicado, muchas gracias.
Saludos

pzin · #2 (**permalink**) 01/09/2013, 11:28

Da igual que generes el HTML de forma estática o dinámica. Para el CSS es lo mismo. Haz como harías como con HTML estático, crea clases, selectores, identificadores, etc.

Rafael · #3 (**permalink**) 02/09/2013, 08:05

El problema supongo es que toooooodo el código lo fuiste metiendo dentro de cada etiqueta.

La lógica es usar clases y unos cuantos id.

giuli956 · #4 (**permalink**) 02/09/2013, 12:30

Bueno para ver un poco mas, este es mi index.php

Código PHP:

  <?php

require_once("class/class.php");

?>

<!DOCTYPE HTML>

<html>

<head>

    

    <meta name="author" content="César Cancino" />

 
    <title>Sistema de Ventas Probando Ando - Home</title>

</head>

 
<body>

 
<h1>Sistema de Gestión de Ventas</h1>

<?php require_once("menu.php");?>

<hr />

Bienvenidos a mi sistema de Gestión de Ventas,

 
<hr />

<?php require_once("footer.php");?>

</body>

</html>

Este es el archivo menu.php

Código PHP:

  <ul>

<li><a href="index.php"title="Home">Home</a></li>

<li><a href="supervisores.php"title="Supervisores">Supervisores</a></li>

<li><a href="vendedores.php"title="Vendedores">Vendedores</a></li>

<li><a href="clientes.php"title="Clientes">Clientes</a></li>

<li><a href="destinatarios.php"title="Destinatario de Facturas">Destinatario de facturas</a></li>

<li><a href="productos.php"title="Productos">Productos</a></li>

 
</ul>

Por ejemplo las palabras que aparecen aqui: puedo darle estilo ahi nomas en el mismo archivo, pero si haria otro css, deberia tener definido cada uno de estos?

Tengo mas archivos por si necesaitan...

lilmaster · #5 (**permalink**) 02/09/2013, 12:47

Lo unico que tienes que hacer es prepararles los estilos que usted desee y cuando los llamas con php la clase estara, te explico

Código PHP:

  <?php

 
echo '

<ul> 

<li><a href="index.php"title="Home" class="lista">Home</a></li> 

</ul> ';

 
//como ves desde el php lo mande con una clase llamada lista

?>

Si yo en el css tengo

Código HTML:

<style>
.lista{
 // los estilos
}

<style>

Seguramente lle va aplicar esos estilos a la lista del php

giuli956 · #6 (**permalink**) 02/09/2013, 12:51

Cita:

Iniciado por lilmaster

Lo unico que tienes que hacer es prepararles los estilos que usted desee y cuando los llamas con php la clase estara, te explico

Código PHP:

  <?php

 
echo '

<ul> 

<li><a href="index.php"title="Home" class="lista">Home</a></li> 

</ul> ';

 
//como ves desde el php lo mande con una clase llamada lista

?>

Si yo en el css tengo

Código HTML:

<style>
.lista{
 // los estilos
}

<style>

Seguramente lle va aplicar esos estilos a la lista del php

Muchas gracias por tu respuesta... Ahora entiendo, muchas gracias