Adattamento automatico risoluzione monitor

Peppe73

Nuovo Utente
23 Gen 2008
13
0
0
Salve come da titolo non so come far adattare il mio sito alle diverse risoluzioni dei monitor sono alle prime armi se per favore esite un codice pronto da poter inserire alle mie pagine :) Grazie di tutto
 

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
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:
 

Peppe73

Nuovo Utente
23 Gen 2008
13
0
0
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 ?? :)
 

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
...ma come faccio il sito lo gia sviluppato e huppato sul server host dove faccio queste modifiche ??...

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:
 

Peppe73

Nuovo Utente
23 Gen 2008
13
0
0
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
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
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
 

Peppe73

Nuovo Utente
23 Gen 2008
13
0
0
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

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>&nbsp;</p>
				
				<p>&nbsp;</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>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</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&agrave; e </p>
					  <p>palyer on-line buon </p>
					  <p>divertimento.</p>
					</div>
					<p>&nbsp;</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">&copy; Copyright Information goes here.</p>
		</div>
	</div>	
</div>
</body>
</html>
 

Peppe73

Nuovo Utente
23 Gen 2008
13
0
0
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
Autore Titolo Forum Risposte Data
C [Joomla] [HTML] Modifica codice per adattamento app Joomla 18
asevenx [HTML]Problemi float e adattamento sfondo HTML e CSS 2
M Problema adattamento pagina responsive HTML e CSS 6
Sevenjeak Aiuto e consigli su adattamento sito per dispositivi mobile HTML e CSS 2
I Adattamento di un sito a tutte le piattaforme tramite css HTML e CSS 0
P Adattamento testo 100% dello spazio nella pagina HTML e CSS 2
catellostefano Auto adattamento HTML e CSS 0
P Adattamento pagina in base alla risoluzione Javascript 3
C adattamento schermo Flash 2
D adattamento finestre Flash 0
A Amministratore automatico gruppo Facebook Social Media Marketing 0
Z Slideshow automatico HTML e CSS 0
S Download di un file in automatico dopo la sua creazione PHP 2
S Come funziona un estrattore di emails automatico? Posta Elettronica 1
C Aggiornamento automatico da un sito ad un’altro WordPress 0
MarcoGrazia Eliminare in automatico i caratteri spuri all'inizio e alla fine di una stringa Snippet PHP 0
W verificare credenziali in automatico con PHP PHP 1
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L includere file inc.*.php in automatico PHP 1
A [PHP] Invio automatico dati da form PHP 6
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
L Presentazione OpenOffice. Avanzamento automatico diapositive? Mac e Software 0
B [PHP] Invio mail automatico dopo compilazione form - db PHP 25
R [Photoshop] funzione colore automatico Photoshop 0
G [PHP] backup manuale(o automatico) tabelle msql PHP 6
F Importazione CSV in mySQL automatico PHP 1
M [PHP] Compilare campi in automatico con dati presi dal DB PHP 25
S [PHP] form campi a completamento automatico dal DB PHP 5
S [VENDO] ecommerce prodotti per CANI - business automatico pronto all'uso! Compravendita siti e domini 0
S [VENDO] pagina facebook "OFFERTE AMAZON" con bot automatico Annunci servizi di Social Media Marketing 6
V [Javascript] Campo form che si completa in automatico Javascript 1
O [Javascript] mp3 e mp4 stop automatico selezionando una nuova traccia Javascript 5
trattorino [HTML] input automatico al click HTML e CSS 2
M alert dopo aggiornamento automatico pagina php PHP 4
bubino8 [PHP] Login Automatico PHP 1
L [Javascript] Come inserire codice dopo un div in automatico Javascript 2
Kolop [PHP] Testo giornaliero automatico PHP 43
V [PHP] aggiornamento automatico immagini sito web PHP 3
Lucia Fiore [Javascript] messaggi in automatico Javascript 1
Trapano [PHP] Campo riempito in automatico PHP 4
S [PHP] select riempimento automatico PHP 6
Roulder [PHP] Stampa file di testo Automatico senza conferma PHP 1
fabryx Aggiornamento automatico periodico dati mySQL PHP 6
Y INVIO AUTOMATICO EMAIL CON PHP PHP 4
S Creare in automatico PDF da MySQL PHP 2
StePunk [HTML] sito responsive / zoom automatico / risoluzione HTML e CSS 2
asevenx [Javascript] aggiungere righe con select da database e calcolo sconto in automatico Javascript 0
F Come posso vedere quanti likes ha una Pagina su Facebook in automatico? PHP 0
F Invio automatico mail php PHP 0
E iserire in caching risorse google traduttore automatico Web Server 0

Discussioni simili