questo è il codice html,
ci sono 3 div, langbox che è sempre visibile e langselect che appare tramite javascript solo quando viene cliccato il link presente in langbox.
poi c'è header che contiene il logo e sotto due tabelle.
codice:
<div id="langbox">
<table width="74" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="16" height="11" align="left" valign="middle">[img]images/languages/<?php echo $language; ?>.png[/img]" width="16" height="11" border="0" /></td>
<td align="left" valign="middle"><?php echo $languages[$language]; ?></td>
<td width="9" align="right" valign="middle">[img]images/dropdown.png[/img]</td>
</tr>
</table>
</div>
<div id="langselect" style="display:none;">
<table width="80" border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="16">[img]images/languages/en.png[/img]</td>
<td>English</td>
</tr>
<tr>
<td>[img]images/languages/it.png[/img]</td>
<td>Italiano</td>
</tr>
<tr>
<td>[img]images/languages/fr.png[/img]</td>
<td>Français</td>
</tr>
<tr>
<td>[img]images/languages/de.png[/img]</td>
<td>Deutsch</td>
</tr>
<tr>
<td>[img]images/languages/es.png[/img]</td>
<td>Español</td>
</tr>
</table>
</div>
<div align="center" id="header">[img]images/logo.png[/img]</div>
<table width="680" border="1" align="center" cellpadding="3" cellspacing="0" bordercolor="#255A80">
<tr>
<td width="220" height="200" align="center" valign="middle" bgcolor="#002B4A"><form name="form1" id="form1">
<label for="airport"><?php echo $text['findairport']; ?></label>
<input name="airport" type="text" id="airport" onkeyup="form_request(this.value)" size="25" />
<?php echo $text['findairport2']; ?>
</form>
</td>
<td align="left" valign="middle" bgcolor="#255A80"><div class="container">
<div id="results"></div>
</div></td>
</tr>
</table>
<table width="680" border="1" align="center" cellpadding="3" cellspacing="0" bordercolor="#255A80">
<tr>
<td width="220" height="200" align="center" valign="middle" bgcolor="#002B4A"><form name="form2" id="form2">
<label for="label"><?php echo $text['findicao']; ?></label>
<input name="icaocode" type="text" id="label" onkeyup="form_request_icao(this.value)" size="15" maxlength="4" />
<?php echo $text['findicao2']; ?>
</form></td>
<td align="left" valign="middle" bgcolor="#255A80"><div class="container"><div id="results2"></div></div></td>
</tr>
</table>
questo è il codice CSS:
codice:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #002B4A;
color: #BDD8EC;
background-image: url(../images/bg.png);
background-repeat: repeat-x;
}
#header {
padding-bottom: 25px;
padding-top: 20px;
}
#langbox {
font-size: 11px;
float: right;
border: 1px solid #889CAA;
background-color: #002B4A;
width: 74px;
clear: both;
position: relative;
}
#langselect {
float: right;
width: 80px;
border: 1px solid #889CAA;
background-color: #002B4A;
clear: both;
margin-top: 5px;
}
ciao!