Visualizzazione risultati 1 fino 9 di 9
Like Tree1Likes
  • 1 Post By

Discussione: AiUTO CSS

  1. #1
    jumanjipub non è connesso Utente AlterBlog
    Data registrazione
    02-06-2016
    Messaggi
    9

    Predefinito AiUTO CSS

    Ho messo questo nella pagina in cui far visualizzare lo sfondo
    Codice HTML:
    <img src="img/bg.jpg" class="bg" />
    e questo nel file css
    Codice:
    body
    { 
    height: 100%; 
    width:100%; 
    margin: 0; 
    padding: 0;
    }
    img.bg
    {
    position:fixed;
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:-1;
    }
    ma se volessi mettere il link del img nel css come faccio?
    Codice:
    background-image: url(img/bg.jpg);
    dove lo devo mettere? ho provato vari modi ma non mi visualizza l'img e se la visualizza non copre tutto lo schermo
    Ultima modifica di karl94 : 04-07-2016 alle ore 14.42.40 Motivo: Formattazione

  2. #2
    jumanjipub non è connesso Utente AlterBlog
    Data registrazione
    02-06-2016
    Messaggi
    9

    Predefinito

    e quale la differenza tra class="bg" e id="bg" e come si utilizzano?

  3. #3
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Ad un elemento puoi assegnare più classi, mentre può avere solo un identificatore (id), e deve essere l'unico ad avere quel dato identificatore.
    Per quanto riguarda lo sfondo, se lo vuoi applicare all'intera pagina la cosa migliore è applicarlo all'elemento body piuttosto che aggiungere un elemento e posizionarlo in quel modo.

  4. #4
    jumanjipub non è connesso Utente AlterBlog
    Data registrazione
    02-06-2016
    Messaggi
    9

    Predefinito

    sto andando al manicomio non riesco a farlo

    voglio riuscire a gestire tutto il sito tramite il css, cioè voglio mettere che tramite il css scrivo l'url dell img e sempre tramite il css voglio che se si vede dal cellulare si rimpicciolisce e se si vede dal pc si vede più grande

    mi puoi scrivere il codice css?
    ho parovato anche width: 100%;

    se metto

    Codice:
    body
    { 
    height: 100%; 
    width:100%; 
    margin: 0; 
    padding: 0;
    }
    img.bg
    {
    position:fixed;
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:-1;
    }
    e <img src="..... nella pagina html stesso funziona e si ridimensiona ma io voglio gestire tutto dal css come faccio?
    Ultima modifica di karl94 : 06-07-2016 alle ore 15.27.34 Motivo: Formattazione

  5. #5
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Hai provato a seguire il mio suggerimento? Che tipo di documentazione stai seguendo?

  6. #6
    jumanjipub non è connesso Utente AlterBlog
    Data registrazione
    02-06-2016
    Messaggi
    9

    Predefinito

    Perdona la mia ignoranza ma non so che cos'è la documentazione, volevo solo gestire tramite il css tutti i link delle img come sfondo logo ecc
    e poi che codice devo usare per far ridimensionare un img quando si vede dal cellulare?

  7. #7
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Dove li trovi questi codici che stai provando? Se non ti è chiaro bene a cosa servono, provare a casaccio non ti aiuterà.
    Quello che ti serve è la proprietà CSS background, leggi la documentazione che trovi su MDN e prova ad usarla. Se non riesci o qualcosa non ti è chiaro spiega per bene dove incontri difficoltà.

    Se il tuo scopo è creare un sito e non hai voglia o tempo di imparare tutte queste cose stai usando gli strumenti sbagliati, in tal caso prova ad installare AlterPages o WordPress dal pannello di controllo di AlterVista ed usare quelli. Non dovrai avere a che fare con codici e altro così.
    Ultima modifica di karl94 : 06-07-2016 alle ore 18.46.48

  8. #8
    jumanjipub non è connesso Utente AlterBlog
    Data registrazione
    02-06-2016
    Messaggi
    9

    Predefinito

    sono riuscito nel mio intento volevo solo un consiglio sul codice da usare visto che non sono molto pratico, preferisco sperimentare e capire che studiare solo la teoria sarà sbagliato, ma preferisco di fare così

    qual'è il codice html e il codice css per far si che un img si ridimensiona a seconda se la finestra si allarga o si restringe

  9. #9
    Guest

    Predefinito

    E' molto più complesso di quanto pensi.
    Se ti serve solo il "codice" per rendere un'immagine responsiva (che si adatta a più dispositivi) dovresti assegnare la classe "img-responsive" (ammesso che tu stia usando bootstrap).

    Sempre usando bootstrap potresti aggiungere al css dell'immagine l'attributo background-size: cover..

    Però ti sto dicendo tutto quello che potrebbe funzionare, non so però nel tuo caso specifico...
    jumanjipub likes this.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •