Adattamento automatico risoluzione monitor
- Creatore Discussione Peppe73
- Data di inizio
Ciao 
Per adattare un sito alla risoluzione solitamente si danno i valori in larghezza e altezza agli oggetti contenuti nella pagina (tabelle, div, ecc...) in percentuale. In questo modo la pagina si adatta sempre alla risoluzione.
Spesso però questo tipo di sviluppo crea problemi, perchè rischi che in base alle varie risoluzioni vari il posizionamento dei contenuti della pagina.
Se posso darti un consiglio, utilizza una larghezza fissa massima per esempio di 800pixel, di modo che tutti gli utenti che avranno una risoluzione da 800x600 in su potranno vedere senza problemi il tuo sito, ed i contenuti resteranno sempre al loro posto.
:byebye:
Per adattare un sito alla risoluzione solitamente si danno i valori in larghezza e altezza agli oggetti contenuti nella pagina (tabelle, div, ecc...) in percentuale. In questo modo la pagina si adatta sempre alla risoluzione.
Spesso però questo tipo di sviluppo crea problemi, perchè rischi che in base alle varie risoluzioni vari il posizionamento dei contenuti della pagina.
Se posso darti un consiglio, utilizza una larghezza fissa massima per esempio di 800pixel, di modo che tutti gli utenti che avranno una risoluzione da 800x600 in su potranno vedere senza problemi il tuo sito, ed i contenuti resteranno sempre al loro posto.
:byebye:
Ciao
Per adattare un sito alla risoluzione solitamente si danno i valori in larghezza e altezza agli oggetti contenuti nella pagina (tabelle, div, ecc...) in percentuale. In questo modo la pagina si adatta sempre alla risoluzione.
Spesso però questo tipo di sviluppo crea problemi, perchè rischi che in base alle varie risoluzioni vari il posizionamento dei contenuti della pagina.
Se posso darti un consiglio, utilizza una larghezza fissa massima per esempio di 800pixel, di modo che tutti gli utenti che avranno una risoluzione da 800x600 in su potranno vedere senza problemi il tuo sito, ed i contenuti resteranno sempre al loro posto.
:byebye:
grazie per avermi risposto
ma come faccio il sito lo gia sviluppato e huppato sul server host dove faccio queste modifiche ?? sai sono poco pratico sto usando dreamweaver cs3 ho provato a cambiare in percentuale ma era un casino non cera nulla al suo posto sempre che era corretta la procedura ceh avevo fatto. dove devo fare le modifiche che mi ai detto prima ??
Le modifiche le fai in locale, ovvero sul tuo computer, poi semplicementi "uppi" le pagine modificate nell'host, le quali automaticamente andranno a sovrascrivere (e quindi a rimpiazzare) quelle preesistenti.
Se usi dreamviewer però questa sezione non è la più adatta al tuo problema, per cui sposto la discussione in quella più appropriata
:byebye:
Rieccomi a suo tempo non ci son riuscito e ho lascaito perdere, volevo sapere se ci sono delle righe di comando html che posso mettere per farsi che tutto il contenuto che io metto sulal pagian mi resti dove si trova, cosi da non aver problemi su qualsiasi monitor venga visualizzato me capitato che su monito da 15poll si vedete bene su 17 e superiori alcuni oggetti son sposati e fuori dal posto originale
la risposta è quella che ti ha dato PoLe un anno fa...
se vuoi andare sul sicuro usa la larghezza fissa
se vuoi andare sul sicuro usa la larghezza fissa
il sito l'hai già creato o lo stai sviluppando ora?
usi le tabelle o i div...
usi i fogli di style (CSS)?
se usi le tabelle dai al table "contenitore" una larghezza che non superi gli 800px direi 760px...
se vuoi posta il codice della pagina che usi come modello
usi le tabelle o i div...
usi i fogli di style (CSS)?
se usi le tabelle dai al table "contenitore" una larghezza che non superi gli 800px direi 760px...
se vuoi posta il codice della pagina che usi come modello
Questo e il sito http://sftclan.altervista.org/Games.html
e questo e il codice ( ho preso un tempalte gia pronto che stavo modificando aggiungentdo solo qualche dettaglio ) il template e in CSS
e questo e il codice ( ho preso un tempalte gia pronto che stavo modificando aggiungentdo solo qualche dettaglio ) il template e in CSS
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>-SFT-Clan COD5</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<LINK REL="shortcut icon" HREF="http://sftclan.altervista.org/favicon.ico">
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:804px;
height:186px;
z-index:1;
left: 16%;
top: 17px;
}
#apDiv2 {
position:absolute;
width:811px;
height:179px;
z-index:1;
left: 77px;
top: 29px;
overflow: auto;
}
body {
background-color: #003366;
background-image: url(immagini/sfondo.jpg);
}
#apDiv3 {
position:absolute;
width:232px;
height:378px;
z-index:2;
left: 16%;
top: 246px;
}
#apDiv4 {
position:absolute;
width:216px;
height:404px;
z-index:1;
left: 15px;
top: 18px;
}
#apDiv5 {
position:absolute;
width:161px;
height:93px;
z-index:3;
left: 602px;
top: 26px;
}
#apDiv6 {
position:absolute;
width:155px;
height:71px;
z-index:3;
left: 603px;
top: 83px;
}
#apDiv7 {
position:absolute;
width:295px;
height:69px;
z-index:3;
left: 349px;
top: 658px;
}
#apDiv8 {
position:absolute;
width:194px;
height:381px;
z-index:4;
left: 59%;
top: 253px;
}
#apDiv9 {
position:absolute;
width:301px;
height:337px;
z-index:5;
left: 35%;
top: 257px;
}
.Stile2 {
font-size: 24px;
font-family: Ellis;
}
-->
</style>
<TITLE>Refresh automatico temporizzato</TITLE>
<SCRIPT language="JavaScript">
function doRefresh() {
// refresh della pagina corrente
document.location.reload();
}
// imposto il timeout per il prossimo refresh
// espresso in millisecondi (1000 = 1 secondo)
window.setTimeout("doRefresh();", 60000);
</SCRIPT>
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">
<div id="apDiv3"><img src="immagini/sfondo-ts.jpg" alt="sfondo-ts" width="221" height="385">
<div id="apDiv4">
<iframe name="tsviewer" allowtransparency="true" src="http://www.tsviewer.com/ts_viewer_pur.php?ID=81499&bg=transparent&type=8bd996&type_size=11&type_family=1&info=0&channels=1&users=1&type_s_weight=normal&type_s_style=normal&type_s_variant=normal&type_s_decoration=none&type_s_weight_h=normal&type_s_style_h=normal&type_s_variant_h=normal&type_s_decoration_h=none&type_i_weight=normal&type_i_style=normal&type_i_variant=normal&type_i_decoration=none&type_i_weight_h=normal&type_i_style_h=normal&type_i_variant_h=normal&type_i_decoration_h=none&type_c_weight=normal&type_c_style=normal&type_c_variant=normal&type_c_decoration=none&type_c_weight_h=normal&type_c_style_h=normal&type_c_variant_h=normal&type_c_decoration_h=none&type_u_weight=normal&type_u_style=normal&type_u_variant=normal&type_u_decoration=none&type_u_weight_h=normal&type_u_style_h=normal&type_u_variant_h=normal&type_u_decoration_h=none&skin=ts2_classic" width="200" height="400" frameborder="0" style="border:0px solid #8cc1fa;" scrolling="auto" ></iframe></div>
</div>
<div id="apDiv1">
<div align="center"><img src="immagini/logo sito SFT.png" alt="logo" width="788" height="183" align="absmiddle">
<div id="apDiv5"><img src="animazioni-gif/logo.gif" alt="logo" width="200" height="89"></div>
</div>
</div>
</div>
<div id="topright">
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="http://www.freewebsitetemplates.com">Community </a></li>
<li><a href="http://www.freewebsitetemplates.com">Support</a></li>
<li><a href="http://www.freewebsitetemplates.com">Games</a></li>
<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
<li><a href="http://multigaming.forumfree.net">Forum</a></li>
</ul>
<div style="clear:both"></div>
</div>
<div id="contenttr">
<p> </p>
<p> </p>
<div id="apDiv8"><!-- Start GameTracker Banner -->
<iframe src="http://cache.www.gametracker.com/components/html0/?host=92.60.73.68:28964&bgColor=333333&titleBgColor=222222&borderColor=555555&fontColor=CCCCCC&titleColor=FF9900&linkColor=FFCC00&borderLinkColor=222222&showMap=1&showCurrPlayers=1&showTopPlayers=1&showBlogs=0&width=200&height=548" frameborder="0" scrolling="no" width="200" height="380"></iframe>
<!-- End GameTracker Banner --></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="Stile2" id="apDiv9">
<p>ciao a tutti qui trovate </p>
<p>il nostro server e tutte</p>
<p> le informazioni </p>
<p>necessarie, nel pannello</p>
<p> qui di fianco potete </p>
<p>vedere in tempo reale </p>
<p>m appa,modalità e </p>
<p>palyer on-line buon </p>
<p>divertimento.</p>
</div>
<p> </p>
</div>
</div>
</div>
<div id="bottom">
<div id="csoon">
<div class="heading2">Coming Soon</div>
<p><img src="images/ss-5.jpg" alt="ScreenShot" width="110" height="64"></p>
Il nostro Team in Azione</div>
<div id="videobox"> <a href="http://img209.imageshack.us/my.php?image=punteggiouh8.jpg"><img src="images/ss-1.jpg" alt="ScreenShot" class="ss1"></a>
<img src="images/ss-2.jpg" alt="ScreenShot" class="ss2">
<img src="images/ss-3.jpg" alt="ScreenShot" class="ss3">
<img src="images/ss-4.jpg" alt="ScreenShot" class="ss4"> </div>
<div id="player">
<img src="images/circle-topl.jpg" alt="Stop" class="player1">
<img src="images/circle-topr.jpg" alt="Play" class="player1">
<img src="images/circle-bottoml.jpg" alt="Pause" class="player1">
<img src="images/circle-bottomr.jpg" alt="F.Forward" class="player1">
</div>
<div id="footer">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="http://www.freewebsitetemplates.com">Community </a></li>
<li><a href="http://www.freewebsitetemplates.com">Support</a></li>
<li><a href="Games.html">Games</a></li>
<li><a href="http://www.freewebsitetemplates.com">Download</a></li>
<li><a href="http://multigaming.forumfree.net">Forum</a></li>
</ul><br><br>
<p class="calign">© Copyright Information goes here.</p>
</div>
</div>
</div>
</body>
</html>Forse son riuscito a risolvere solo se e possibile sovrapporre delle immagini che sono al'nterno di tabbelle e possibile farlo ? , mi spiego meglio ho messo un logo in testa alla pagina ora ho la necessità di mettere una gif animata sopra questa immagine e possibile ?
Discussioni simili
