vorrei allineare in basso a dx un testo all'interno di un #box...
ma non ci riesco,le ho provate tutte, ho inserito la proprietà vertical-align ovunque, nel body e nei singoli box child...
ma niente...
qlcn sa spiegarmi l'uso della proprietà vertical-align con i CSS???
solo alla stregua di un sogno mi troverò, e non vorrò più svegliarmi...
Se il contenitore ha un altezza ben definita,puoi impostare il vertical-align: bottom; se non ha un altezza, il css non trova un riferimento per effettuare l'allineamento.
FEDERIX.IT - [Pillola] GRAFICA DEI FORM
...ho ancora quella forza che ti serve, quando dici "Si comincia!"
no, per altezza è impostata una percentuale...
davvero non c'è soluzione???
solo alla stregua di un sogno mi troverò, e non vorrò più svegliarmi...
solo alla stregua di un sogno mi troverò, e non vorrò più svegliarmi...
il vertical-align serve per elementi inline tipo delle immagini in mezzo al testo per quel che vuoi fare tu ti serve un position:absolute che però può avere controindicazioni con riferimenti più precisi potrei essere meno laconico
#box {position:relative;
height:80%;
}
#tuoTestoStrano {position:absolute;
bottom:0;
right:0;
}
nota che già con quell'height potresti avere problemi ma così vado alla cieca
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
questo è il body
<body>
<div id="testata"></div>
<div id="main">
testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
.....</p>
</div>
<div id="image">
aaa aaa aaa aaa aaa aaa
[img]xxx.jpg[/img]
</div>
<div id="menu">
<div class="link">
bbb bbb bbb bbb </p>
[img]yyy.gif[/img]
</div></div>
</body>
e questo il css
body {
margin:0px;
font-family:verdana, arial, helvetica, sans-serif;
color:#333;
background-color:#FF0000;
height: 100%;
}
p {
font:12px verdana, arial, helvetica, sans-serif;
line-height:20px;
}
#testata {
margin:0px 270px 0px 0px;
padding: 0px 0px 0px 0px;
border-right:1px solid #00FF00;
text-align:left;
background-color:#00FF00;
height:5%;
}
#main {
margin:0px 270px 0px 0px;
padding: 10px 30px 10px 100px;
border-right:1px solid #00FF00;
text-align:right;
height:55%;
}
#image {
position:absolute;
top:0px;
right:0px;
width:260px;
height:60%;
padding: 10px 0px 0px 10px;
text-align:right;
font-size:9px;
line-height:12px;
voice-family: "\"}\"";
voice-family:inherit;
width:258px;
}
body>#image {width:258px;}
#menu {
margin:0px;
padding:20px;
border-top:1px solid #00FF00;
text-align:center;
color:#00FF00;
background-color:#666666;
height:40%;
}
.link a:link {
color:#00FF00;
text-decoration:none
}
.link a:active {
color:#00FF00;
text-decoration:none
}
.link a:visited {
color:#00FF00;
text-decoration:none
}
.link a:hover {
color:#FFFFFF;
text-decoration:none
}
vorrei allineare il testo del #main in basso a dx...
:master:
solo alla stregua di un sogno mi troverò, e non vorrò più svegliarmi...
modifica questo nel css:
#main {
margin:0px 270px 0px 0px;
padding: 10px 30px 10px 100px;
border-right:1px solid #00FF00;
text-align:right;
height:55%;
position:relative
}
#main p {position:absolute;
bottom:0;
right:0
}
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
ok, funziona
puoi indicarmi un link dove è trattato l'argomento?
nella sezione pro pare non ci sia niente...
solo alla stregua di un sogno mi troverò, e non vorrò più svegliarmi...
Permessi di invio
Rispondi quotando