Tengo estos dos archivos:
1) aea_users.php
Código PHP:
<!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í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:
y en el archivo pilotos_mgr.php se ve lo siguiente: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 cada vez que paso por encioma de una fila se ve amarillo por esto:
Código:
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 amarillo 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.<tr onmouseover="this.style.background='#F4973A';"
onmouseout="this.style.background='#FFF';">
Si algo no entendéis que sería muy normal, preguntar.
Salu2
