- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- problema background
-
problema background
Ciao, provo a spiegare il problema, premetto che sono alle primissime armi...
ho creato uno sfondo sfumato con ps ed importato in dw,
ho creato il foglio di stile richiamando questo sfondo, come repeat ho scelto x, position top e nero come colore, collego il foglio alla pagina e fin qui tutto come volevo.....
Poi invece quando apro la pagina nel browser si sballa tutto, in poche parole lo sfondo creato che è alto 500px me lo ripete 2 volte in verticale e poi parte il nero da me scelto...
help please
-
Ciao blackswitcher e benvenuto nel forum gt
,
potresti inserirci la parte di codice interessata?
-
Alla grezza ti direi di mettere margin-top:-500px; ma ovviamente ci saranno errori tuoi o del browser che si possono sistemare meglio.
-
Grazie per il benvenuto....
Ecco il codice...body {
background-image:url(../sfondo_r.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#ffffff;
}
-
mmhh..
sinceramente non capisco dove prenda questo "nero", a meno che tu non abbia tralasciato una parte nel codice.Comunque la sintassi corretta, come da te inserita, è la seguente:
(anche in un solo rigo)body{ background:#000 url('../sfondo_r.jpg') repeat-x top left; } ```L'unica differenza è che io ho inserito un colore nero, il codice alfanumerico #ffffff è il bianco. Se hai una risorsa online da poter consultare sarebbe l'opportuno, ancora meglio sarebbe avere il codice sorgente html+css (a meno che non sia di 60000 righe :D )
-
Scusa ma ho fatto casino io con il discorso del nero... stavo facendo delle prove e per avere maggior contrasto ho cambiato il colore in bianco ed ho postato il codice
Il mio problema è quello della ripetizione...
Provo a spiegarmi meglio: la mia immag. (sondo.jpg) è una strisciolina sfumata verticalmente, quindi con repeat : x chiedo di ripeterla orizzontalmente ( e fin qui tutto alla grande) però in verticale dopo i 500px (altezza dell'immag) volevo il famoso nero ( che in dw ho) invece nel browser ripete verticalmente lo sfondo sfumato (dopo 500px in verticale ricomincia con un nuovo sfondo)...
Spero di essermi spiegato meglio...
cmq grazie per l'aiuto
-
Prova così:
body { background-image:url(../sfondo_r.jpg); background-repeat:repeat-x; background-position:0 0; background-color:#000; }
-
provato.....niente da fare, sl browser continua a ripeterlo in verticale all'infinito:x
cmq grazie per l'aiuto
-
Potrebbe essere che nel tuo foglio di stile vi sia una regola al body (o a qualche div sopra di esso) che sovrascrive la tua imponendo un "repeat" diverso da quello da te stabilito.
C'è un modo per poter vedere questo tuo lavoro?
Altrimenti potresti inserirci qui il codice completo html+css .
-
Per curiosità prova aggiungendo la clausola !important a quello da te scritto:
body{ background:#000 (http://www.giorgiotave.it/forum/wikigt/os/URL)('../sfondo_r.jpg') repeat-x top left!important; } ```(se utilizzi la tua forma devi aggiungere !important ad ogni fine riga prima del punto e virgola)
-
Credo di rischiare la pazzia...
Ho provato con !important ma nulla da fare...
Poi non sapendo cosa tentare, ho chiuso tutto, aperto nuovo progetto:- ho creato un nuovo documento html vuoto
- ho creato un nuovo foglio di stile su cui ho incollato il famoso codice
- ho lanciato il browser e.... PERFETTO
Funziona tutto e lo sfondo è proprio come volevo...
Non so proprio cosa pensare
Grazie dell'aiuto...
-
Magari avevi degli errori nella sintassi
Bene, meglio così!
-
non so come e perchè ma mi è apparsa questa dicitura </style></head> in fondo al foglio di stile e adesso è perfetto, ho provato anche a fare altre pagine e tutto ok...
Purtroppo sono proprio alle prime armi
-
Chiaro che se non chiudi il tag style tutto il css non viene calcolato ^^.