Adattare sito web per tutte le risoluzioni ?

verrecchiandrew

Nuovo Utente
2 Set 2013
1
0
0
Ciao! Sono nuovo... volevo chiedervi di aiutarmi visto che sono tre giorni che non riesco ad adattare il mio sito web per lo schermo di altri computer. Sono riuscito ad adattare l'immagine di sfondo, solamente che sul mio telefono si vede più lunga, e quando ho inserito la scritta "home" sul pc tutto ok, mentre sull'altro computer che ha lo schermo più grosso e sul telefonino si vede in alto! aiutatemi non riesco proprio a adattare il mio sito web! ho cercato e ricercato su internet ma non ci riesco! vi posto casomai la pagina index cosi casomai me la potete aggiustare in modo che le scritte e lo sfondo non si muovano su un altra risoluzione. la risoluzione dell'immagine è 1024x768. (adattando l'immagine la scritta si vede spostata con un'altra risoluzione).


HTML:
<html> 
<style>
a:link {
color: white;
text-decoration:none;
}

a:visited {
color: white;
text-decoration:none;
}

a:active {
background-color: white;
text-decoration:none;
}

a:hover {
color:yellow;
text-decoration:none;
}
</style>
<head> 
<title>PredictionSoccer</title>
<img src="http://forum.mrwebmaster.it/images/sfondo.jpg" width="100%" height="100%">
<H4><font face="calibri"><div style="position:absolute; top:147px; left:100px;"><a href="index.html">HOME</a></div></font><…
</head>
</html>
 
Ultima modifica di un moderatore:

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
A parte che un'immagine che ha dimensioni 100% in larghezza ed in altezza, è abbastanza logico che a risoluzioni diverse si visualizzi diversamente se il riferimento è la dimensione della finestra (il body via...), ma passo in rassegna un'altra soluzione CSS:

Codice:
body {margin: 0; background: url(../immagini/firma.png) no-repeat fixed; background-size:100% 100%;}

Puoi vedere il risultato a questa pagina:
- http://www.johnnyferrari.it/_Risorse/Strutture/Layout_percentuale_con_sfondo_100_percento/index.htm

Comunque era una soluzione che se non sbaglio ne avevamo già parlato sul forum, magari fate delle ricerche.
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Adattare sito alle varie risoluzioni... HTML e CSS 2
P Risoluzione del sito si può adattare? HTML e CSS 0
P Adattare sito a diverse risoluzioni HTML e CSS 14
L Adattare il sito a qualsiasi computer Webdesign e Grafica 4
G adattare sito con frame a monitor [era:Frame] Webdesign e Grafica 3
StefanoITA Adattare il sito alla risoluzione del visitatore HTML e CSS 5
M Adattare sito a risoluzione video [era:help me] HTML e CSS 6
C Adattare il sito a vari schrmi HTML e CSS 2
M [Javascript] Adattare immagine di background all'altezza dello smartphone Javascript 1
L [HTML] Adattare bordo al contenuto HTML e CSS 4
D [Javascript] Convertire ed adattare una data Javascript 1
Juriy APP: Adattare immagini a GIF animata in real time Programmazione 0
B Adattare testo a cornice HTML e CSS 2
felino [CSS][Wordpress] Adattare delle immagini alla dimesione del box contenitore HTML e CSS 2
felino Adattare un layout desktop ad un responsive HTML e CSS 9
K Adattare app ad ogni schermo Sviluppo app per Android 1
L Adattare sfondo in base alla risoluzione WordPress 3
R Adattare immagini alla dimensione del monitor Javascript 2
M Adattare script di "form mail con upload file" al mio form mail HTML! PHP 7
S Adattare la pagina web creata ad ogni monitor HTML e CSS 11
C Adattare uno script di altro linguaggio a javascript Javascript 11
W Adattare immagini slideshow a riquadro predefinito Webdesign e Grafica 0
matrobriva Adattare classe Odt2Xhtml PHP 2
F [HELP] Adattare al form Visual Basic 0
P Adattare un layer alle varie risoluzioni HTML e CSS 0
D Adattare contenuto a risoluzione utente HTML e CSS 5
M Adattare iFrame HTML e CSS 5
B Adattare tabella a immagine di sfondo con Dreamweaver Cs3 Webdesign e Grafica 3
G adattare pagina web a tutte le risoluzioni HTML e CSS 9
C Adattare un filmato a vari monitor Flash 5
D Creazione sito e-commerce WP Content Management System (CMS) 0
R Dubbi copia sito WordPress 7
R Dubbi copia sito Content Management System (CMS) 1
A Consiglio per creazione sito web Content Management System (CMS) 0
S CREAZIONE DI SITO PER CORSI DI FORMAZIONE WordPress 1
M eliminare padding logo sito HTML e CSS 1
M Come individuare il link sito entrante Google Analytics 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
D Progetto sito Discussioni Varie 1
M [Cerco] aiutanti per creare sito Offerte e Richieste di Lavoro e/o Collaborazione 4
R inserire video nel sito HTML e CSS 15
C Come caricare foto da google foto ad un sito? Discussioni Varie 1
G cerco: traffico sito, pubblicità condividente post su pagine gruppi Vendere e Acquistare pubblicita' online 0
R Navigare sito con cURL, mi restituisce errore PHP 0
U traffico verso sito Vendere e Acquistare pubblicita' online 3
M Come gestire aggiornamenti e modifiche di sito live Content Management System (CMS) 0
D VENDO Guest Post ZA 45 su sito dedicato agli influencer italiani Vendere e Acquistare pubblicita' online 0
D [VENDO] Guest Post/Banner su sito Offerte e Richieste di scambio links 0
U [Cerco ] incremento traffico per il mio sito Vendere e Acquistare pubblicita' online 0
C Aggiornamento automatico da un sito ad un’altro WordPress 0

Discussioni simili