Elementi in un div, posizionamento a detrs e a sinistra

**giopalla** · 04-04-2008, 12:07

Non riesco ancora a capire come posso fare

ho provato ad assegnare le due classi, ma niente da fare, qualcuno puo' gentilmente aiutarmi a correggere il codice in modo da ottenere il risultato dell'immaggne allegata??
Grazie ancora ragazzi.

<style type="text/css">
<!--
#Stile1 {
font-size: 24px;
color: #333333;
font-family: "Century Gothic", Arial, Georgia, "Times New Roman";
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: orange;
text-align:center;
background-color: #fcfcff;
border-top-width: 1px;
border-top-style: solid;
border-top-color: orange;
}
.virglette-sx{
background-image: url(img/img2008/viirgoletta-sx.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right bottom;
}

.virglette-dx{
background-image: url(img/img2008/viirgoletta-dx.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right bottom;
}

</style>
<div id="Stile1">Titolazione della Pagina</div>

**paololosco** · 04-04-2008, 14:25

codice accatiemmelle

codice:

<body>
<div id="titolo"><h2><span>Titolazione della Pagina</span></h2></div>
</body>

codice ciessesse

codice:

#titolo {
font-size: 24px;
color: #333333;
font-family: "Century Gothic", Arial, Georgia, "Times New Roman";
text-align:center;
background-color: #fcfcff;
padding-left: 25px;
background: url(virgolette_sx.gif) top left no-repeat;
text-align: left;
}
#titolo h2{
display: inline;
font-weight: normal;
padding-right: 25px;
background: url(virgolette_dx.gif) bottom right no-repeat;
}
#titolo h2 span{
border-top: 1px solid orange;
border-bottom: 3px solid orange;
}

credo sia la soluzione più pulita...

il risultato è questo... con firefox...

non ho badato all'adattabilità su explorer (perchè comunque l'ho realizzato in 10 minuti...)

ma credo sia il punto di partenza giusto...

ciao

**giopalla** · 04-04-2008, 14:51

Originariamente inviato da paololosco
codice accatiemmelle

codice:

<body>
<div id="titolo"><h2><span>Titolazione della Pagina</span></h2></div>
</body>

codice ciessesse

codice:

#titolo {
font-size: 24px;
color: #333333;
font-family: "Century Gothic", Arial, Georgia, "Times New Roman";
text-align:center;
background-color: #fcfcff;
padding-left: 25px;
background: url(virgolette_sx.gif) top left no-repeat;
text-align: left;
}
#titolo h2{
display: inline;
font-weight: normal;
padding-right: 25px;
background: url(virgolette_dx.gif) bottom right no-repeat;
}
#titolo h2 span{
border-top: 1px solid orange;
border-bottom: 3px solid orange;
}

credo sia la soluzione più pulita...

il risultato è questo... con firefox...

non ho badato all'adattabilità su explorer (perchè comunque l'ho realizzato in 10 minuti...)

ma credo sia il punto di partenza giusto...

ciao

GRAZIEEEEEEEEEE

SEI UN AMICO,
MA CON EXPLORER NO VA

GRAZIE ANCORA DI CUORE ERO PROPRIO IMPACCIATO

ORA VEDO UN PO SE RIESCO A RISOLVERE CON EXPLORER

**paololosco** · 04-04-2008, 14:52

si si... ma per exzozzer va riadattato, cosa che non ho avuto tempo (e voglia) di fare, poichè non si vedono i bordi sotto e sopra...

comunque di nulla! ciao

**giopalla** · 04-04-2008, 15:00

Originariamente inviato da paololosco
si si... ma per exzozzer va riadattato, cosa che non ho avuto tempo (e voglia) di fare, poichè non si vedono i bordi sotto e sopra...

comunque di nulla! ciao

AZZ!!! ma per explorer cosa potrei fare in modo da avere la stessa visualizzazione??? potresti ancora aiutarmi????

Grazie di cuore, per il fastidio che ti sto dando ti dovrei offrire una cena

**paololosco** · 04-04-2008, 15:52

bastava dare un line height...

cosi dovrebbe andare...

CIESSEEEEESSSSEE

codice:

/* CSS Document */
#titolo {
color: #333333;
font-family: "Century Gothic", Arial, Georgia, "Times New Roman";
text-align:center;
background-color: #fcfcff;
padding-left: 20px;
background: url(virgolette_sx.gif) top left no-repeat;
text-align: left;
}
#titolo h2{
font-size: 24px;
display: inline;
font-weight: normal;
background: url(virgolette_dx.gif) bottom right no-repeat;
}
#titolo h2 span{
border-top: 1px solid orange;
border-bottom: 3px solid orange;
margin-right: 20px;
line-height: 40px;
border-collapse: collapse;
}

HACCATIEMMEELLE

codice:

	<body>
		<div id="titolo"><h2><span>Titolazione della Pagina</span></h2></div>
	</body>

fammi sapere se va bene e a quando la pizza!

**giopalla** · 04-04-2008, 16:56

Originariamente inviato da paololosco

fammi sapere se va bene e a quando la pizza!

Mi sa tanto che la pizza non la vuoi

non va con explorer

**paololosco** · 04-04-2008, 17:06

come no??????????????????? ho testato con IE 6 e si vedeva...

puoi fare uno screenshot?

**paololosco** · 04-04-2008, 17:15

eccoti lo screen

**giopalla** · 04-04-2008, 18:14

Originariamente inviato da paololosco
eccoti lo screen

azz a me non si vede con explorer 7

http://www.salentoinblu.it/19.php

Discussione: Elementi in un div, posizionamento a detrs e a sinistra

Strumenti discussione

Ricerca discussione

Visualizza

Elementi in un div, posizionamento a destra e a sinistra

Permessi di invio