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
  rendere pagina responsive Chandler 2 4.769 13-12-2014, 21:55
Ultimo messaggio: Chandler
  sito in parallax responsive Chandler 9 24.010 27-06-2014, 12:18
Ultimo messaggio: Mattia
  Responsive Filemanager: sovrascrivere immagini con drag & drop Chandler 13 16.178 19-06-2014, 21:44
Ultimo messaggio: jimmyfm
  [SEO] Titolo pagina giancarlo 1 3.535 17-12-2013, 07:31
Ultimo messaggio: Mattia
  Form centrato responsive Chandler 10 14.553 01-12-2013, 23:37
Ultimo messaggio: Chandler
  Controllare larghezza pagina Chandler 3 7.037 30-05-2012, 17:15
Ultimo messaggio: Mattia
  Come creare una semplicissima pagina HTML! Naroku95 0 2.910 31-10-2011, 13:48
Ultimo messaggio: Naroku95
Exclamation Problema di visualizzazione pagina (animatedcollapse e jquery-1.4.3.min) turbogiangi 7 11.461 29-11-2010, 09:07
Ultimo messaggio: Mattia
  Pagina di Benvenuto (Entra o Esci) veeto 3 10.921 02-12-2008, 10:06
Ultimo messaggio: Mattia

Vai al forum:


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