text align

**power83** · 13-12-2004, 13:31

Salve! ho creato questo css :

body { }
#intestazione {
width : 100%;
text-align : center;
background-color : red;
color : blue;
height : 76px;
}
#box {
width : 100%;
text-align : left;
position : relative;
}
#sinistra {
position : absolute;
top : 0;
left : 0;
width : 20%;
background-color : #0000cc;
}
.loghi {
background-color : orange;
text-align : left;
font-weight : bold;
font-size : 100%;
}
#centro {
width : 100%;
background : black;
color : red;
background-color : brown;
text-align : center;
}

vorrei che il testo nella parte centrale mi partisse all'inizio della sezione centrale..ma se scrivo con allieneamento left le scritte vanno sotto la parte sinistra!La pagina con cui ho fatto le prove è questa:

<html>
<head>

<STYLE type=text/css>@import url( stilehome.css );
.none {
DISPLAY: none
}
</STYLE>

</HEAD>

<BODY>

<div id = intestazione>
TITOLO

</div>

<DIV id=box>

<DIV id=sinistra>

pippo

pappo

peppo

<DIV class=loghi>
OPPA

</DIV>

pippo

oppa

</DIV>

<DIV id=centro>

1

2

3

4

</DIV>

</DIV>

</BODY>

</HTML>

(I colori non sono quelli definitivi!!!!

)

grazie

**power83** · 13-12-2004, 17:04

Allora nessuno mi aiuta?...

**Jerry Masslo** · 13-12-2004, 18:51

anche così ti andranno sotto se inserisci sufficiente testo, a #centro aggiungi questo:

text-align : left;
margin-left:20%

ma ho l'impressione che non ti serva quel posizionamento assoluto ma dei normali float

guarda che per i nomi delle classi e altro devi usare le virgolette:

<div class="nome_classe">

**power83** · 13-12-2004, 20:16

Il posizionamento assoluto di cosa?

grazie

**Jerry Masslo** · 14-12-2004, 01:07

#sinistra {position:absolute}

per quello ti va sotto, con quel posizionamento gli elementi non tengono conto degli altri elementi della pagina e ci passano o sopra o sotto se ci si imbattono

**power83** · 14-12-2004, 15:20

Provo! Grazie

**power83** · 15-12-2004, 23:19

Ma se tolgo position:absolute mi mette #centro sotto tutto!?
grassie!

**power83** · 16-12-2004, 10:26

Ho fatto che mi hai detto:

body { }

#intestazione {
width : 100%;
text-align : center;
background-color : red;
color : blue;
height : 76px;
}

#box {
width : 100%;
text-align : left;
position : relative;
}

#sinistra {
top : 0;
left : 0;
width : 20%;
background-color : #0000cc;
}

.loghi {
background-color : orange;
text-align : left;
font-weight : bold;
font-size : 100%;
}

#centro {
width : 100%;
text-align : left;
margin-left:20%
color : red;
background-color : brown;
text-align : center;
}

ma così ho la parte centrale sotto la parte sinistra ma a me swervirebbe a destra della pare sinista!!

grazie

**Jerry Masslo** · 16-12-2004, 11:32

per affiancare dei div si usa la proprietà float:

<html>
<head>
<title>Untitled</title>
<style type="text/css">
.intestazione {background:red;
height:100px
}
.sinistra {
width:20%;
background:silver;
float:left
}
.corpo {background:yellow}
.clear {clear:both}

</style>

</head>

<body>

<div class="intestazione">Intestazione</div>
<div class="corpo">
<div class="sinistra">sinistra</div>
corpo
<br class="clear">
</div>
</body>
</html>

**power83** · 18-12-2004, 14:59

grassie!!! oppa!

Discussione: text align

Strumenti discussione

Ricerca discussione

Visualizza

text align

Permessi di invio