così è sempre centrata?

[ufino]

voglio fare in modo che, indipendentemente dalla risoluzione e dalla grandezza dello schermo, una tabella con una img di sfondo sia sempre al centro dello schermo! questo perché sulla img devono poi comparire dei tasti che mandano alle relative sez.

ho fatto in modo che la tabella avesse le stesse dimensioni della img, il codide che ho implementato è questo:

-----------------------------------
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="800" id="AutoNumber1" height="450" background="logogrande.JPG">
<tr>
<td width="481" height="90">
<p align="center">
<A HREF = "chi_siamo/chi_siamo.htm" onMouseOver = "imgOn('img1')" onMouseOut = "imgOff('img1')">
<IMG NAME= "img1" BORDER= 0 SRC= "tasti_menu/chisiamo_off.gif" width="200" height="35" align="right"></a>
<td width="464" height="90" colspan="2">
<A HREF = "prodotti/prodotti.htm" onMouseOver = "imgOn('img2')" onMouseOut = "imgOff('img2')">
<IMG NAME= "img2" BORDER= 0 SRC= "tasti_menu/prodotti_off.gif" width="200" height="35"></a>
</tr>
<tr>
<td width="481" height="90">
<p align="center">
<A HREF = "novita/novita.htm" onMouseOver = "imgOn('img3')" onMouseOut = "imgOff('img3')">
<IMG NAME= "img3" BORDER= 0 SRC= "tasti_menu/novita_off.gif" width="200" height="35"></a>

</td>
<td width="464" height="90" colspan="2">
<p align="center">
<A HREF = "offerte/offerte.htm" onMouseOver = "imgOn('img4')" onMouseOut = "imgOff('img4')">
<IMG NAME= "img4" BORDER= 0 SRC= "tasti_menu/offerte_off.gif" width="200" height="35"></a>
</td>
</tr>
<tr>
<td width="481" height="90">
<A HREF = "parlanodinoi/parlanodinoi.htm" onMouseOver = "imgOn('img9')" onMouseOut = "imgOff('img9')">
<IMG NAME= "img9" BORDER= 0 SRC= "tasti_menu/parlanodinoi_off.gif" width="300" height="35" align="left"></a>
</td>
<td width="464" height="90" colspan="2">
<A HREF = "mailinglist/mailinglist.htm" onMouseOver = "imgOn('img10')" onMouseOut = "imgOff('img10')">
<IMG NAME= "img10" BORDER= 0 SRC= "tasti_menu/mailinglist_off.gif" width="300" height="35" align="right"></a></td>
</tr>
<tr>
<td width="481" height="90" align="center">
<A HREF = "forum/forum.htm" onMouseOver = "imgOn('img5')" onMouseOut = "imgOff('img5')">
<IMG NAME= "img5" BORDER= 0 SRC= "tasti_menu/forum_off.gif" width="200" height="35"></a>
</td>
<td width="464" height="90" align="center" colspan="2">
<A HREF = "contatti/contatti.htm" onMouseOver = "imgOn('img6')" onMouseOut = "imgOff('img6')">
<IMG NAME= "img6" BORDER= 0 SRC= "tasti_menu/contatti_off.gif" width="200" height="35"></a></td>
</tr>
<tr>
<td width="481" height="91">
<A HREF = "links/links.htm" onMouseOver = "imgOn('img7')" onMouseOut = "imgOff('img7')">
<IMG NAME= "img7" BORDER= 0 SRC= "tasti_menu/links_off.gif" width="200" height="35" align="right"></a>
</td>
<td width="204" height="91">
<A HREF = "listino/listino.htm" onMouseOver = "imgOn('img8')" onMouseOut = "imgOff('img8')">
<IMG NAME= "img8" BORDER= 0 SRC= "tasti_menu/listino_off.gif" width="200" height="35"></a></td>
<td width="260" height="91">
[img]tasti_menu/monitor.GIF[/img]</td>
</tr>
</table>
</center>
</div>
-----------------------------------

potreste dirmi se è compatibile con tutti gli schermi o se devo fare qlcs altro?

TKS!

[mexican]

già i 2 td sommando la larghezza supera 800

[ufino]

non so, ma ora con questa nuova configurazione sui tre monitor su cui ho provato (14'', 15'' e 17'') compare tutto bene...
potreste darmi conferma? se serve posto l'URL del fiel...

[mexican]

Originariamente inviato da ufino
non so, ma ora con questa nuova configurazione sui tre monitor su cui ho provato (14'', 15'' e 17'') compare tutto bene...
potreste darmi conferma? se serve posto l'URL del fiel...

[deleted_id_48586]

nel momento in cui inglobi tutto in un <div align="center">...</div>, verrà sempre centrata, ovvio.

[ufino]

x mexican:
il link è www.doppiolampeggio.it/omniaracing

x sgurbat:
infatti spravo proprio questo, ossia rendere il tutto centrato sempre.....


un'altra piccola info: come faccio a fare in modo che il testo sia "proporzionale" alla finestra, sempre indipendentemente dalla ris e dalla grandezza del monitor? :master:

[mexican]

c'è un errore nella barra di scorrimento se la clicco va tutta giu ma cmq non mi fa leggere nulla non scorre bene

[deleted_id_48586]

Proporsionale alla finestra in che senso ?

con i CSS puoi:

Utilizzare una misura fissa. es: font-size: 12px;
Oppure una misura relativa. es: font-size: 90%; che si riferirà al font di default del browser del client.

[ufino]

OK, ho capito come rendere "proporzionale" il testo (es 90%)

scusa, ma anche tu hai gli stessi problemi di visualizzazione con la scroll-bar come Mexican? :master: