immagini da foglio di stile

**indre** · 25-06-2004, 15:05

ciao a tutti..
volevo mettere un immagine da foglio di stile..
chiedo: è possibile solo con il comando background-image: url() ??
solo come sfondo??

e poi.. se questa immagine deve stare al centro assoluto di un DIV come faccio a farlo tramite css??
ciao

**bagu** · 25-06-2004, 15:22

dai un occhio qui è una della svariate tecniche, altre sono cmq linkate nella pagina

ciao
paolo

**span** · 25-06-2004, 15:23

guarda se trovi quello che ti serve: http://html.it/css/guida_css_17.htm

**indre** · 25-06-2004, 15:43

ho fatto così..
testata è l'id di un div... dove voglio l'immagine..
a dire il vero vorrei dentro due immagini una a fianco all'altra allineate in alto e al centro...

codice:

#testata {background:#ffffff;
width:87%;
color:#ffffff;
border-left:1px solid #8fbc8f;
border-bottom:1px solid #ff0000;
border-top:1px solid #ff0000;
padding:0px;
margin:0px; 
padding:0px;
background-image: url("images/banner.gif");
background-repeat: no-repeat;
}

così non la inserisce!!
inoltre come farei a metterne due?
scusate.. ma i fogli di stile li uso sommariamente.. ma adesso con la legge sullìaccessibilità

giusto peròò..
ciao

**span** · 25-06-2004, 16:15

Prova così:

codice:

#testata {background: #fff url(images/banner.gif) no-repeat top center;
width:87%;
color:#fff;
border-left:1px solid #8fbc8f;
border-bottom:1px solid #f00;
border-top:1px solid #f00;
padding:0px;
margin:0px; 
}

Ho usato il tag abbreviato background per tutto... cmq l'errore è che non ci vanno le virgolette per definire il percorso dell'immagine.

Due immagini per lo stesso background non le puoi usare, o usi due elementi a cui applicare lo sfondo o unisci le due immagini

**floyd46** · 25-06-2004, 16:20

ciao
non devi usare le " " nell'url dell'immagine;
background-image: url(images/banner.gif);
a me le visualizza normalmente.

Inoltre se vuoi metterne 2 affiancate, dovresti creare un div contenitore (per la testata) e 2 div (uno ciascuno) per le 2 immagini. Imposta la dimensione (width) pari alla lunghezza dell'immagine nel CSS.

se hai problemi posta ancora.

ciao

**indre** · 25-06-2004, 16:21

grazie per le info..
ho copiato spudoratamente il tuo codice ma non mi va...
foglio di stile:

codice:

body { 
text-align:center; /* per centrare con IE */ 
}
#testata {background: #fff url(images/banner.gif) no-repeat top center;
width:87%;
color:#fff;
border-left:1px solid #8fbc8f;
border-bottom:1px solid #f00;
border-top:1px solid #f00;
padding:0px;
margin:0px; 
}

pagine HTML

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test - css</title>
<link rel="stylesheet" type="text/css" href="style/stile_real.css" />
</head>
<body>
<div id="titolo">
venerdì 25 giugno 2004 14:10
</div>
<div id="testata">  </div>
</body>
</html>

adesso devo capire!!

**indre** · 25-06-2004, 16:27

quindi tu mi dice di fare (per HTML)

codice:

<div id=testata>
  <div id=testata1>
  </div> // chiuso testata1
  <div id=testata2> 
  </div> //chiuso testata2
<div> // chiuso testata

ma io non ho ben chiaro quyando devo usare l'id nel div e quando invece usare class!!

grazie mille..

**floyd46** · 25-06-2004, 16:31

E' molto strano

Prova a scrivere ogni dichiarazione su uno steso rigo:
background-image:url (.........);
background-position: .......;
background-repeat:........;
e prova a non mettere il
background-color: #........;

ciao

**indre** · 25-06-2004, 16:34

codice:

background-repeat: no;
background-color:#fff;
background-image:url(images/mybanner.gif);
background-position:center;

non vedo nulla!
ma sono sfigato!!??
mi sorge il dubbio...
grazie

Discussione: immagini da foglio di stile

Strumenti discussione

Ricerca discussione

Visualizza

immagini da foglio di stile

re

Re: re

Re: re

re

re

Re: re

re

Permessi di invio