-
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
-
e quale la differenza tra class="bg" e id="bg" e come si utilizzano?
-
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.
-
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?
-
Hai provato a seguire il mio suggerimento? Che tipo di documentazione stai seguendo?
-
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?
-
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ì.
-
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
-
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...