Tengo estos dos archivos:
1) aea_users.php
Código
<!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'); if (!$connection){ } if (!$db_select){ } $query = "SELECT * FROM `aea_users` where username='' "; if (!$result) { } ?> <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>"; ?> <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:
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:
<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.