Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
rendere responsive pagina web app
#31
Ciao Mattia, continuo in questo post per evitare di aprire un thread identico. Sempre per una webapp, sto cercando di mettere una img come footer, ma con questo codice CSS:
Codice:
footer ul{
    position:absolute;
    bottom:10px;
    display:table;
    table-layout:fixed;
    background:url(../img/footer_wazz.jpg) no-repeat;
    background-size:cover;
}
non riesco a far vedere l'immagine.

Cosa sbaglio?
Cita messaggio
#32
Per prima cosa dovresti mettere a posto il codice HTML e poi si può vedere cosa non va nel CSS.
  • Dentro al tag section hai chiuso un div che non esiste.
  • Dentro al tag ul devi inserire dei tag li e non un div.

Molto probabilmente non si vede lo sfondo nel footer perché è vuoto. Ho inserisce del testo oppure devi dargli delle dimensioni via CSS.
Mattia!
Cita messaggio
#33
Ok, però se metto le dimensioni dell'immagine (640x88) non si ridimensiona come lo sfondo quando stringo la finestra...

se guardi la pagina che ho corretto online capisci cosa intendo...
Cita messaggio
#34
Se devi semplicemente inserire un'immagine, puoi inserirla utilizzando il tag img e assegnargli tramite CSS una larghezza (width) del 100% e l'altezza (height) con il valore "auto".
Mattia!
Cita messaggio
#35
Ciao Mattia, ho seguito il tu consiglio. Lato html ho messo questo codice:
Codice:
<footer><ul><li><img src="resources/img/footer_wazz.jpg"></li></ul>
        </footer>
e lato CSS ho messo questo:
Codice:
img{
    height:auto;
    widht:100%;
}
ma c'è qualcosa che nn va...
Cita messaggio
#36
Ok, sono riuscito a risolvere usando le media query. Smile smilie
Adesso ho un problema con QUESTA pagina, in quanto (sempre utilizzando le mediquery) non riesco a ridimensionare i baloon correttamente...

Fammi sapere please
Grazie
Cita messaggio
#37
Per il problema precedente, era meglio utilizzare un'immagine ed eventualmente ridimensionare il suo contenitore.
Non ho capito qual è il problema del fumetto, comunque potresti provare a ricreare il fumetto in CSS invece di utilizzare un'immagine.
Mattia!
Cita messaggio
#38
ma posso, secondo te, ricrearlo identico all'immagine con lo stesso stile?
Cita messaggio
#39
Sì, ecco come potrebbe essere il CSS (naturalmente i colori e le misure potrebbe essere diverse da quelle dell'immagine):
Codice:
.balloon{
    position: relative;
    padding: 10px;
    width: 200px;
    background: #FFF;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0px #BBB;
}
.balloon:after,.balloon:before{
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
}
.balloon:after{
    margin-top: -5px;
    border-width: 5px;
    border-right-color: #FFF;
}
.balloon:before{
    margin-top: -6px;
    border-width: 6px;
    border-right-color: #999;
}
Mattia!
Cita messaggio
#40
Ottimo, grazie mille! Smile
Mi chiedo se conosci qualche sito dove trovo i vari tipi di balloon... dato che ne dovrò emulare un bel po' di diversi tipi! Smile
Cita messaggio
#41
Prova a cercare su Google css balloon generator per trovare alcuni generatori di fumetti in CSS. Eventualmente togli la parola "generator" per trovare altri esempi.
Mattia!
Cita messaggio
#42
Grazie mille, Mattia!
Per alcuni (particolari) mi sa che dovrò trovare un'altra soluzione, ma intanto ti ringrazio...sei stato gentilissimo come sempre! smilie

Notte
Cita messaggio


Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  Creare una pagina con totale follower di più social Chandler 19 542 21/11/2023 08:41
Ultimo messaggio: Mattia
  rendere pagina responsive Chandler 2 7.286 13/12/2014 21:55
Ultimo messaggio: Chandler
  sito in parallax responsive Chandler 9 52.631 27/06/2014 12:18
Ultimo messaggio: Mattia
  Responsive Filemanager: sovrascrivere immagini con drag & drop Chandler 13 23.712 19/06/2014 21:44
Ultimo messaggio: jimmyfm
  [SEO] Titolo pagina giancarlo 1 5.225 17/12/2013 07:31
Ultimo messaggio: Mattia
  Form centrato responsive Chandler 10 21.952 01/12/2013 23:37
Ultimo messaggio: Chandler
  Controllare larghezza pagina Chandler 3 9.534 30/05/2012 17:15
Ultimo messaggio: Mattia
  Come creare una semplicissima pagina HTML! Naroku95 0 3.991 31/10/2011 13:48
Ultimo messaggio: Naroku95
Exclamation Problema di visualizzazione pagina (animatedcollapse e jquery-1.4.3.min) turbogiangi 7 22.471 29/11/2010 09:07
Ultimo messaggio: Mattia
  Pagina di Benvenuto (Entra o Esci) veeto 3 12.876 02/12/2008 10:06
Ultimo messaggio: Mattia

Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)