Una ayudita con el diseño

Iniciado por carlosuc99, 30 Junio 2012, 16:03 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

carlosuc99

30 Junio 2012, 16:03 PM
Buenas,

Tengo estos dos archivos:

1) aea_users.php

Código (php) [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="STYLESHEET" type="text/css" href="aea_style.css">
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<?php
include('db_login.php');
$connection = mysql_connect($db_host, $db_username, $db_password);
if (!$connection){
die ("No se puede conectar con la base de datos: <br />". mysql_error());
}


$db_select = mysql_select_db($db_database);
if (!$db_select){
die ("No se puede seleccionar la base de datos: <br />". mysql_error());
}

$query = "SELECT *  FROM `aea_users` where username='' ";

$result = mysql_query( $query );
if (!$result)
{
die ("No se puede hacer la consulta en la base de datos: <br />". mysql_error());
}

?>
<P>
<H3 align="center">Pilotos sin Callsign </H3>

<?php


echo '<table border="0">';
echo "<tr><th class=helpHed>Callsign</th><th class=helpHed>Nombre</th><th class=helpHed>Base</th><th class=helpHed>ID VATSIM</th><th class=helpHed>Gestionar</th></tr>";
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)){

?>

<tr onmouseover="this.style.background='#F4973A';"
    onmouseout="this.style.background='#FFF';">

<?php
echo "<td class=helpBod3>";
echo $row["username"] . '</td><td class=helpBod3>';
echo $row["name"] . '</td><td class=helpBod3>';

echo $row["hub"] . '</td><td class=helpBod3>';

echo $row["vatsim_id"] . '</td><td class=helpBod3>';

echo '<a href="alta_piloto.php?piloto_id='.$row["id"].'"><IMG src="images/edit0.png" WIDTH="20" HEIGHT="20" BORDER=0 ALT=""></a></td></tr>';

}
echo "</table>";

?>
</body>
</html>



2) aea_style.css

Código [Seleccionar]
table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 550px;
background-color: #fafafa;
border: 1px #4C84BC  solid;
border-bottom: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 1px; }

th.helpHed
{
border-bottom: 2px solid #4C84BC;
border-left: 0px solid #4C84BC;
background-color: #4C84BC;
text-align: center;
text-indent: 5px;
font-family: Arial;
font-weight: bold;
font-size: 13px;
color: #FFFFFF;
}

th.helpHed_externo
{ border-bottom: 2px solid #D4154E;
border-left: 0px solid #6699CC;
background-color: #D4154E;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #FFFFFF; }

td.helpBod
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

tr.helpBod
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

tr.helpBod:hover
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #faf777; }

tr.helpBod_hover
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #faf777; }


td.helpBod_izq
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px; }

td.helpBod2
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: center;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

td.helpBod3
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: center;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px; }

td.helpBod4
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: left ;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;

}
td.helpBod5
{ border-bottom: 0px dotted #9CF;
border-top: 0px;
border-left: 0px dotted #9CF;
border-right: 0px;
text-align: right ;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 9px;

}

table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;

y en el archivo pilotos_mgr.php se ve lo siguiente:



Y cada vez que paso por encioma de una fila se ve amarillo por esto:

Código [Seleccionar]
<tr onmouseover="this.style.background='#F4973A';"
    onmouseout="this.style.background='#FFF';">

Pues lo que yo quiero es que las columnas estean juntas y no separadas por el espacio blanco como se observa en la 1era imagen y que en vez de mostrarse lo naranja quede fijo pases o no pases el raton por encima de la fila lo siguiente: filas impares de color blanco e impares de un gris.

Si algo no entendéis que sería muy normal, preguntar.

Spider-Net

#1
30 Junio 2012, 16:33 PM
<table border="0" cellspacing="0">

No mostrará la separación blanca entre cada celda. Lo otro que hablas de naranja o no se qué no entiendo nada, porque no veo nada naranja :S

Para poner filas de un color y otras de otro hazlo así:

Código (php) [Seleccionar]
echo "<table border='0' cellspacing='0'>";
echo "<tr><th class=helpHed>Callsign</th><th class=helpHed>Nombre</th><th class=helpHed>Base</th><th class=helpHed>ID VATSIM</th><th class=helpHed>Gestionar</th></tr>";

while ($row = mysql_fetch_array($result, MYSQL_ASSOC)){
  if($i++%2==0){
      $color="#FFFFFF";
  }else{
      $color="#CCCCCC";
  }
 
echo "<tr style='background-color: ".$color.";'>";
echo "<td class=helpBod3>";
echo $row["username"] . '</td><td class=helpBod3>';
echo $row["name"] . '</td><td class=helpBod3>';

echo $row["hub"] . '</td><td class=helpBod3>';

echo $row["vatsim_id"] . '</td><td class=helpBod3>';

echo '<a href="alta_piloto.php?piloto_id='.$row["id"].'"><IMG src="images/edit0.png" WIDTH="20" HEIGHT="20" BORDER=0 ALT=""></a></td>';
echo "</tr>";

}

echo "</table>";

Por último te aconsejo que organices mejor tu código, porque el día que tengas que modificarlo te va a costar mucho más.

El código que te he puesto lo he hecho a ojo aquí en el foro, no lo he probado, así que igual puede tener algún error, pero no creo que sea muy difícil de corregir dado el caso.

carlosuc99

#2
30 Junio 2012, 17:02 PM
Cita de: Spider-Net en 30 Junio 2012, 16:33 PM
<table border="0" cellspacing="0">

No mostrará la separación blanca entre cada celda. Lo otro que hablas de naranja o no se qué no entiendo nada, porque no veo nada naranja :S

Para poner filas de un color y otras de otro hazlo así:

Código (php) [Seleccionar]
echo "<table border='0' cellspacing='0'>";
echo "<tr><th class=helpHed>Callsign</th><th class=helpHed>Nombre</th><th class=helpHed>Base</th><th class=helpHed>ID VATSIM</th><th class=helpHed>Gestionar</th></tr>";

while ($row = mysql_fetch_array($result, MYSQL_ASSOC)){
  if($i++%2==0){
      $color="#FFFFFF";
  }else{
      $color="#CCCCCC";
  }
 
echo "<tr style='background-color: ".$color.";'>";
echo "<td class=helpBod3>";
echo $row["username"] . '</td><td class=helpBod3>';
echo $row["name"] . '</td><td class=helpBod3>';

echo $row["hub"] . '</td><td class=helpBod3>';

echo $row["vatsim_id"] . '</td><td class=helpBod3>';

echo '<a href="alta_piloto.php?piloto_id='.$row["id"].'"><IMG src="images/edit0.png" WIDTH="20" HEIGHT="20" BORDER=0 ALT=""></a></td>';
echo "</tr>";

}

echo "</table>";

Por último te aconsejo que organices mejor tu código, porque el día que tengas que modificarlo te va a costar mucho más.

El código que te he puesto lo he hecho a ojo aquí en el foro, no lo he probado, así que igual puede tener algún error, pero no creo que sea muy difícil de corregir dado el caso.

Perfecto, eres un crack. MUCHAS GRACIAS!!!!!
Imprimir
Ir Arriba Páginas1
Acciones del Usuario