Problema con immagine di sfondo in foglio di stile css

giovedì 18 marzo 2010 - 00.59

mauri1961 Profilo | Senior Member

Dopo avere elaborato alcune pagine in asp.net mi sono deciso ad inserire il mio primo foglio di stile, nulla di complesso ma l'immagine di sfondo che ho creato non viene visualizzata.

Per inserire il foglio in fase di progettazione di una pagina asp ho trascinato il foglio ma come detto non mostra l'immagine di sfondo mentre mostra il colore di background scelto.

ecco qui il codice del foglio di stile:
body
{
background-color: #FFFF99;
background-image: c:\ceiweb\ceiweb\sfondoweb.jpg;
table-layout: auto;
border-collapse: collapse;
border-spacing: inherit;
empty-cells: hide;
caption-side: top;
list-style-type: circle;
list-style-position: inside;
padding: inherit;
background-repeat: repeat;
background-attachment: scroll;
background-position: center center;
font-family: Calibri;
font-size: medium;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
color: #000066;
text-decoration: none;

due cose strane: il compilatore della pagina asp mi da l'avviso Convalida (XHTML 1.0 Transitional): 'href' non è un attributo valido dell'elemento 'style'.

il codice e' il seguente:
<style type="text/css" href="ceistyle.css">
#form1
{
width: 675px;
height: 197px;
}
</style>

e nelle proprietà del foglio di stile il pulsante SFOGLIA per le immagini di sfondo non mi porta a vedere nulla e sono costretto a digitare il percorso dove si trova l'immagine.

Grazie, Maurizio

alexmed Profilo | Guru

Ciao
Non sono una cima, ma credo sia sbagliato il codice che fà riferimento al foglio di stile.
Prova con
<link rel="stylesheet" href="ceistyle.css" type="text/css" media="screen" />

Poi se devi mettere altri stili direttamente nella pagina aggiungi nella parte <head>:

<style type="text/css">
#form1
{
width:675px;
height:197px;
}
</style>

Ciao

alexmed

martinez Profilo | Senior Member

Ciao,

i tuoi problemi sono solo di sintassi errata ...

per quanto riguarda l'utilizzo di un foglio di stile nel tag HEAD il corretto utilizzo è il seguente:

<link href="ceistyle.css" rel="stylesheet" type="text/css" />

se invece vuoi utilizzare degli stili incorporati nella pagina aspx devi senpre in HEAD utilizzare la seguente sintassi:

<style type="text/css"> #form1 { width: 675px; height: 197px; } </style>

per finire (almeno su quanto da me esaminato) devi fare riferimento alle immagini di sfondo in questo modo:

background-image: url(sfondoweb.jpg);

attenzione che i riferimenti dei percorsi per quanto concerne URL sono relativi al foglio di stile stesso e non al documento al quale è associato ... nell'esempio precedente si presuppone che sfondoweb.jpg sia nella stessa cartella del foglio di stile ceistyle.css

spero di essere stato utile
Antonio

mauri1961 Profilo | Senior Member

grazie...immaginavo fosse qualcosa del genere...

Maurizio.

martinez Profilo | Senior Member

Prego ...

se stavi ringraziando me !!! il miglior metodo, però, per effettuare un ringraziamento, credo sia quello di accettare la risposta come soluzione ... per tanti motivi in primo luogo così facendo potrai aiutare la ricerca all'interno dei post ... per altri utenti con il tuo stesso problema eccetera ...

Un saluto
Antonio
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5