giorno a tutti.
volevo chiedere un aiuto, siccome non mi intendo molto di CSS.
In pratica sto realizzando una pagina web, e ho diversi problemi a gestire il CSS correlato.
table.css
Codice PHP:html, body { margin:0; /*layout fluido*/
padding:0; /*layout fluido*/
font: bold 11px/1.5em Verdana; /*font del tabMenu*/
background-image:url(../../../general images/test sfondi/blu sfumino.jpg); /*sfondo body*/ }
/******************************************************
gestisce la tabella degli orari
*******************************************************/
span.link { font-family:Tahoma;
font-size:12px;
text-align:center;
text-decoration:none; }
table, td, th { border:0px;
border-collapse:collapse; }
td, th { padding: 3px 5px;
padding-top:5px;
padding-bottom:5px; }
th { text-align:left; }
td.days { text-align:left; }
td.hours { text-align:center; }
tr.odd td, tr.odd th { background:#D5E4FF; }
tr.mod:hover { background:#D5E4FF /*#00CCFF*/; }
td.mod2:hover { background:#D5E4FF; }
caption { font:bold;
font-family:Tahoma;
font-size:20px;
color:#FF0000;
text-align:center;
padding-bottom:8px; }
#div_orari { font:normal;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1,5em;
margin-left:50px;
margin-right:50px;
padding:0px; }
/******************************************************
gestisce font e regole del div che contiene informazioni scritte
*******************************************************/
p.title_red { font-family:Tahoma;
font-size:16px;
color:#FF0000;
text-align:left; }
p.p_body { font-family:Tahoma;
font-size:9px;
color:#000000;
text-align:left; }
.warn { color:#FF0000; }
#div_rules {
font-family:Tahoma;
font-size:13px;
text-align:left;
height:600px;
width:800px;
margin-left:50px;
margin-right:50px;
margin-top:150px;
left:100px;
top:400px;
padding:0px; }
span.u { text-decoration:underline; }
/******************************************************
gestisce il menù a tab
*******************************************************/
#tabsF { height: 100px; /*height div tabMenu*/
margin-left: 150px;
margin-right: 150px;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666; /*linea di bordo sotto tabMenu*/
background:#FFFFFF; /*sfondo div tabMenu*/ }
#tabsF ul {
margin:0; /*spostamento in asse orizzontale delle tab*/
padding:10px 10px 0 2px; /*spostamento in asse orizzontale e verticale delle tab (padding)*/
list-style:none; /*N/A*/
margin-top: 69px; /*margin top delle tab*/ }
#tabsF li { display:inline; /*dispone le tab su un' unica linea*/
margin:0;
padding:0; }
/*font links*/
#tabsF a { float:left; /*dispone le tab a sinistra allineate*/
background:url("tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px; /*parte iniziale della gif tab*/
text-decoration:none; }
#tabsF a span { float:left;
display:block;
background:url("tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span { float:none; }
/* End IE5-Mac hack */
#tabsF a:hover span { color:#FFF;
background-position:100% -42px; }
#tabsF a:hover { background-position:0% -42px; }
#tabsF #current a { background-position:0% -42px; }
#tabsF #current a span { background-position:100% -42px;
color:#FFFFFF; }
/******************************************************
div container (contiene tutti i dati della pagina, tranne il div del tabMenù)
*******************************************************/
#container { background-color:#FFFFFF;
width:76,5%;
margin-left:150px;
margin-right:150px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
font-family:Tahoma;
font-size:14px;
text-decoration:none; }
pagina.php
Codice PHP:<div id="tabsF" align="center">
<ul>
<li id="current">[url="home.html"]<span>Home</span>[/url][*][url="ambulatori.html"]<span>Ambulatori</span>[/url][*][url="orari.html"]<span>Orari e modalità di accesso</span>[/url][*][url="guardiamedica.html"]<span>Guardia medica</span>[/url][*][url="asl.html"]<span>Servizi ASL e di pubblico interesse</span>[/url][*][url="help.html"]<span>Help</span>[/url][/list]
</div>
<div id="container" align="center">
<?php
include "config.inc.php";
$dati1=mysql_fetch_array(mysql_query("SELECT * FROM ambulatori WHERE id=1"));
$dati2=mysql_fetch_array(mysql_query("SELECT * FROM ambulatori WHERE id=2"));
mysql_close($db_conn);
?>
<div id="div_orari" align="center">
<table align="center">
<caption><div align="center">ORARI AMBULATORI</div></caption>
<thead>
<tr class="odd">
<th></th>
<th>Casalmaiocco
tel: <?php echo $dati1['tel']; ?></th>
<th>Madonnina
tel: <?php echo $dati2['tel']; ?></th>
</tr>
</thead>
<tfoot>
<tr class="odd">
<td></td>
<td></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="days">Lunedì</td>
<td class="hours"><?php echo $dati1['lun_matt']; ?>
<?php echo $dati1['lun_pom']; ?></td>
<td class="hours"><?php echo $dati2['lun_matt']; ?>
<?php echo $dati2['lun_pom']; ?></td>
</tr>
<tr class="odd">
<td class="days">Martedì</td>
<td class="hours"><?php echo $dati1['mar']; ?></td>
<td class="hours"><?php echo $dati2['mar']; ?></td>
</tr>
<tr>
<td class="days">Mercoledì</td>
<td class="hours"><?php echo $dati1['mer']; ?></td>
<td class="hours"><?php echo $dati2['mer']; ?></td>
</tr>
<tr class="odd">
<td class="days">Giovedì</td>
<td class="hours"><?php echo $dati1['gio']; ?></td>
<td class="hours"><?php echo $dati2['gio']; ?></td>
</tr>
<tr>
<td class="days">Venerdì</td>
<td class="hours"><?php echo $dati1['ven']; ?></td>
<td class="hours"><?php echo $dati2['ven']; ?></td>
</tr>
</tbody>
</table>
</div>
<div id="div_rules" align="center">
<p class="title_red">[b]IN AMBULATORIO[/b]</p>
[b]1)[/b] Non arrivate in ambulatorio negli "ultimi 5 minuti" o addirittura dopo l' orario di chiusura indicato, anche se trovate la porta aperta.</p>
[b]2)[/b] La serata del Lunedì è sempre la più frequentata. Negli altri giorni è possibile trovare meno coda.</p>
[b]3)[/b] In sala d' aspetto è assolutamente [b]proibito fumare[/b]. È anche necessario spegnere i cellulari, e utile abbassare il tono di voce in quanto la visita medica richiede un ambiente silenzionso.</p>
[b]4)[/b] L' ordine di accesso allo studio è quello di arrivo. Tenete però presente che alcuni pazienti potrebbero avere la necessità di una precedenza (ad esempio in caso di febbre).</p>
[b]5)[/b] Ricordate che nei [b]giorni prefestivi[/b] gli [b]ambulatori[/b] medici restano [b]chiusi[/b].</p>
<p class="title_red">[b]A CASA[/b]</p>
[b]- Visite domiciliari[/b]</p>
Se avete bisogno di una visita domiciliare potrete prenotarla [b]telefonando[/b], preferibilmente [b]dalle[/b] ore [b]8 alle[/b] ore [b]10[/b], al n° [b]02-*****[/b].
La visita verrà svolta in giornata.
Si ricorda che <span class="u">le visite domiciliari vanno richieste solo in caso di reale impossibilità</span> a recarsi in ambulatorio (febbre alta, coliche, ecc.). <span class="u">In caso contrario</span>, le norme vigenti consentono al medico di richiedere il <span class="u">pagamento della visita</span>.
Nel caso in cui la visita venga richiesta con ritardo (ad es. nel pomeriggio, o durante l' ambulatorio), potrà essere rinviata al giorno dopo.</p>
<span class="u">Altri numeri di telefono</span>: <table align="center">
<tr>
<td class="mod2">******</td>
<td>- è attivo solo durante l' orario di ambulatorio a **** (p. Roma)</td>
</tr>
<tr>
<td class="mod2">*****</td>
<td>- cellulare</td>
</tr>
</table></p>
</div>
</div>
i problemi sono:
1) in Firefox le tab del menù sono posizionate completamente fuori dagli schemi che ho posto in IE7, e lo sfondo proprio non compare. (se riesco metto un paio di screenshot)
2) il font del menù a tab influisce sull' intera pagina, anche nel div "container" nel quale vorrei un altro font normale e non bold.
qualcuno riesce a darmi una mano?
Rispondi quotando