Problema risolto Titolo nel box

[MerlYno]

Salve, vorrei dare un titolo al box e precisamente vorrei mettere questo titolo nella parte indicata nel seguente screen:

(scritta in rosso)

Ecco il CSS:

Spoiler

/* Box laterale destro */
div.BoxAlto {
background-image: url(Immagini/Box.png);
background-position: top;
float: right;
margin-top: 53px;
padding-top: 30px;
width: 800px;
background-repeat: no-repeat;
text-align: center;
}

div.BoxCentro {
background-image: url(Immagini/Box_2.png);
float: right;
width: 800px;
background-repeat: repeat-y;
}
div.BoxBasso {
background-image: url(Immagini/Box_3.png);
background-position: bottom;
float: right;
padding-bottom: 4px;
width: 798px;
background-repeat: no-repeat;
}

div.BoxTesto {
margin: 0px 10px 0px 10px;
}

Ecco l'HTML:

Spoiler

<div class="BoxAlto">
<div class="BoxBasso">
<div class="BoxCentro">
<div class="BoxTesto">
<center><p>Test 2
<br>
Test 3</p></center>
</div>
</div>
</div>
</div>

Provando a fare come per le scritte Test 2 e 3 non funziona... La scritta rientra nel box grigio e non nella parte blu... Suggerimenti? Grazie in anticipo.

 

[Skyne12]

Allora se ho capito hai diviso il box in tre parti (top, centro e fine) se è così imposta il codice nel seguente modo:

<div class="BoxAlto">Testo che vuoi aggiungere</div>
<div class="BoxCentro">
<div class="BoxTesto">
<center><p>Test 2
<br>
Test 3</p></center>
</div>
</div>
<div class="BoxBasso"></div>

 

[MerlYno]

Allora se ho capito hai diviso il box in tre parti (top, centro e fine) se è così imposta il codice nel seguente modo:

E' quasi come avevo provato io, ma non funziona perchè ottengo questo risultato:

(E' da poco che mi sono messo a studiare un po' l'HTML, CSS e cose simili e quindi non conosco ancora bene tanti codici...)

 

[Skyne12]

Fammi vedere le immagini che hai fatto, sicuramente è il css fatto male

 

[#Joker]

E' quasi come avevo provato io, ma non funziona perchè ottengo questo risultato:

(E' da poco che mi sono messo a studiare un po' l'HTML, CSS e cose simili e quindi non conosco ancora bene tanti codici...)

Quando inserisci questo codice

Perfavore, Entra oppure Registrati per vedere i codici!

Vai sul file css e modifica le misure e porta la scritta sopra...

 

[MerlYno]

Fammi vedere le immagini che hai fatto, sicuramente è il css fatto male

Questo è il CSS:

Spoiler

/* Box laterale destro */
div.BoxAlto {
background-image: url(Immagini/Box.png);
background-position: top;
float: right;
margin-top: 53px;
padding-top: 30px;
width: 800px;
background-repeat: no-repeat;
text-align: center;
}

div.BoxCentro {
background-image: url(Immagini/Box_2.png);
float: right;
width: 800px;
background-repeat: repeat-y;
}
div.BoxBasso {
background-image: url(Immagini/Box_3.png);
background-position: bottom;
float: right;
padding-bottom: 4px;
width: 798px;
background-repeat: no-repeat;
}

div.BoxTesto {
margin: 0px 10px 0px 10px;
}

Ecco le immagini:

- - - Aggiornato - - -

Quando inserisci questo codice

Perfavore, Entra oppure Registrati per vedere i codici!

Vai sul file css e modifica le misure e porta la scritta sopra...

Questo è il CSS:

Spoiler

/* Box laterale destro */
div.BoxAlto {
background-image: url(Immagini/Box.png);
background-position: top;
float: right;
margin-top: 53px;
padding-top: 30px;
width: 800px;
background-repeat: no-repeat;
text-align: center;
}

div.BoxCentro {
background-image: url(Immagini/Box_2.png);
float: right;
width: 800px;
background-repeat: repeat-y;
}
div.BoxBasso {
background-image: url(Immagini/Box_3.png);
background-position: bottom;
float: right;
padding-bottom: 4px;
width: 798px;
background-repeat: no-repeat;
}

div.BoxTesto {
margin: 0px 10px 0px 10px;
}

Se provo a modificare, ottengo sempre lo stesso risultato...

 

[Skyne12]

Usa questo css nel BoxAlto (il "padding-top" serve a spostarti il testo di quanto vuoi tu in questo caso dal top)

div.BoxAlto {
background: url(Immagini/Box.png)no-repeat;
background-position: top;
float: right;
margin-top: 53px;
padding-top: 30px;
width: 800px;
height:30px;
text-align: center;
}

 

[MerlYno]

Usa questo css nel BoxAlto (il "padding-top" serve a spostarti il testo di quanto vuoi tu in questo caso dal top)

Non so cosa c'è di sbagliato, ma il problema è che ottengo sempre lo stesso risultato... Non vuole proprio andare la sopra...

 

[Skyne12]

Ti faccio un esempio derivato da un mio box:

- Codice HTML

<div id="topheader"><div style="padding-top:7px;"><strong>Ultimi Badge</strong></div></div>

- Codice CSS

#topheader {
background-image: url(

Perfavore, Entra oppure Registrati per vedere i Link!

background-image:no-repeat;
width:270px;
height:33px;
text-align:center;
}

Risultato

 

[MerlYno]

Ti faccio un esempio derivato da un mio box:

- Codice HTML





- Codice CSS




Risultato

Ti ringrazio tantissimo per il codice!!! Ho apportato qualche piccola modifica e adesso funziona tutto perfettamente.

 

[Mirko]

Il problema è risolto, sposto e rinomino.