Codice HTML su un sito responsive 
Autore: Emiliano S.
Visite 1373,
Followers 1,
Condiviso 0
Buonasera
Io ho realizzato un sito responsive
Ho aggiunto un estensione del file generato html nella sezione esperto di ogni pagina per modificare parte dello sfondo della pagina.
Es.:
<div style="background-color:#2a2a2a;position:absolute;right:0px;width:100%;top:50px;height:400px;opacity:0.2"></div>
Pero' sulla risoluzione 480pixel dello smartphone non corrisponde a come vorrei io
Come posso modificare il codice? O c'e' qualcohe soluzione?
Grazie
Postato il
non corrisponde a come vorrei io...
Metti un link e spiegati meglio...
Autore
vedi il sito: www.fabricionascimento.com sul computer e noretai delle parti bianche trasparenti nella pagina principale. queste parti sono state formate dal codice html che ho scritto sopra. quando lo visualizzo sullo smartphone quelle righe non sono come le vorrei io, dato che le ho settate per esempio di lunghezza 400px e sullo smartphone vengono piu' lunghe o piu' corte. mi sono spiegato meglio?
... forse hai sbagliato LINK ...
... quel sito non è responsive!, e risulta essere fatto con la ormai superata v.9 ...il che lascia il tempo che trova...!...
... comunque, per la pagina che si vede attualmente, il DIV_CUSTOM per le righe di sfondo per esempio per il primo e che avevo suggerito anni addietro, deve avere queste caratteristiche:
<div style="background-color:red; position:absolute; min-width:960px; width:100%; top:50px; height:400px; opacity:0.5"></div>
... lo vedrai rosso trasparente... ... ... di conseguenza ti regolerai per le altre righe con i colori ed opacità preferiti...
.
Autore
Si quella pagina principale e' stata fatta con la versione 9. Ma lo sto facendo con la versione 13 responsive. L'unicio inconveniente che mi si pone ora e' il menu principale dentro l'header. sia con la risoluzione 960px che 480px il menu principale orizzontale e' di stessa grandezza. come mai?
... se questo problema del DIV lo hai risolto, chiudi l'argomento e ne apri un nuovo a tema postando gli esempi reali ...
... intanto controlla nella guida le impostazioni responsive da applicare al progetto; ...con la v.13 e v.14 decade quanto fatto in precedenza per le righe...
.