Ciao ragazzi,
voglio realizzare uno user control come mostrato nell'immagine allegata.
Ora io ho definito il codice html ed eccolo:
Ed ecco il css:
div#Container
{
height:425px;
width:315px;
background-color: White;
}
div#TitleBox
{
width:100%; height:15%;
margin:0 auto; text-align:center;
}
.titolo
{
font: 16pt Arial;
font-weight:bold;
color:black;
}
div#PhotoBox
{
width:100%; height:50%;
position: relative;
top:150;
}
.foto
{
border-style:solid;
border-width:1px;
}
div#DescBox
{
width:100%; height:20%;
}
.testo
{
font: 10pt Arial;
text-align:justify;
text-indent: 30px;
}
I miei problemi sono:
1. Allineare la Label "Title" sia verticalmente che orizzontalmente al div padre("TitleBox"
2. L'immagine se più grande della dimensione impostata al div "PhotoBox" oppure all'asp:Image "Photo" fa un casino
3. Il testo inserito nella Label "Description" se occupa più di una riga non si vede.
p.s. per ora non ho implementato il bottone
Grazie