Testo con sfondo immagine

**albi.scompa** · 23-08-2008, 16:40

Ragazzi come faccio a inserire dei testi con un'immagine di sfondo come qua
http://www.fuoriditesta.it/
ciao :master:

**Myaku** · 23-08-2008, 16:54

Originariamente inviato da albi.scompa
come faccio a inserire dei testi con un'immagine di sfondo

link

**InternetMania** · 23-08-2008, 17:11

beh ... imposti un bacground al container o al div .. e inserisci il testo normalmente sull'html ..
intendevi cosi?

**albi.scompa** · 23-08-2008, 18:24

grazie mille!!!!!!!!!!!!!!!!

**albi.scompa** · 24-08-2008, 16:24

Scusate, potrei chiedervi un esempio?, non ci capisco tanto con i css

**InternetMania** · 24-08-2008, 16:39

HTML:

codice:

<div id="container_centrale">
    qui metti il testo
</div>

CSS:

codice:

 #container_centrale
{
     width:100%; /* questo ti mette il container allargato a tutta pagina*/
     height:50px; /* una altezza a caso */
     background:#000000; /*sfondo nero */
}

questo è per inpostare lo sfondo ad un container e con grandezze essenziali (cioè altezza e larghezza)

background:#000000; = sfondo nero
background:url(collegamento_all'immagine); = immagine come sfondo
/* ... */ = commento

poi esistono altri codici per impostare lo sfondo al margine destro, sinistro o basso, o centrato ... o con altri effetti ...

dimmi come va con questo codice e se è questo che intendevi ..

**albi.scompa** · 25-08-2008, 11:39

scusa ma dove devo metterli?

**fcaldera** · 25-08-2008, 11:46

Originariamente inviato da albi.scompa
scusa ma dove devo metterli?

http://css.html.it/guide/leggi/2/guida-css-di-base/

**albi.scompa** · 25-08-2008, 12:07

Originariamente inviato da InternetMania
HTML:

codice:

<div id="container_centrale">
    qui metti il testo
</div>

CSS:

codice:

 #container_centrale
{
     width:100%; /* questo ti mette il container allargato a tutta pagina*/
     height:50px; /* una altezza a caso */
     background:#000000; /*sfondo nero */
}

questo è per inpostare lo sfondo ad un container e con grandezze essenziali (cioè altezza e larghezza)

background:#000000; = sfondo nero
background:url(collegamento_all'immagine); = immagine come sfondo
/* ... */ = commento

poi esistono altri codici per impostare lo sfondo al margine destro, sinistro o basso, o centrato ... o con altri effetti ...

dimmi come va con questo codice e se è questo che intendevi ..

html e css dove vanno?,
in due file diversi?

**InternetMania** · 25-08-2008, 12:34

salvi in .html

codice:

<html>
<head>
     <link href="../../style_page_web/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="container_centrale">
    qui metti il testo
</div>

</body>
</html>

questo è tutto il codice html (poi lo modifichi in base alle tue esigenze) ...

poi crei un nuovo documento dove incolli il CSS e salvi in .css

codice:

 #container_centrale
{
     width:100%; /* questo ti mette il container allargato a tutta pagina*/
     height:50px; /* una altezza a caso */
     background:#000000; /*sfondo nero */
}

dimmi se cosi funziona

Discussione: Testo con sfondo immagine

Strumenti discussione

Ricerca discussione

Visualizza

Testo con sfondo immagine

Re: Testo con sfondo immagine

Permessi di invio