dotNETportal.cz

Dobrý den,

dotaz je spíše na CSS. Když nastavím CSS, tak aby se Label přesunul na ImageButton, tak se to zobrazuje v každém prohlížeči jinak. Neví někdo prosím, co s tím?

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<% #Eval("BrochurePath")%>'
                        BorderColor="#CBE8FF" BorderWidth="1px" BorderStyle="solid" Width="195" PostBackUrl='<%# FormatUrl( (int) Eval("IdProdukt")) %>' />
                   
                    <asp:Label ID="LabelProdano" runat="server" Text='<%# Prodan( (bool)Eval("Prodano"))%>'
                        CssClass="LabelProdano" />

.LabelProdano
{
    margin: 115px 0 0 -196px;
    position: absolute;
    font-size: large;
    color: White;
    background-color: #C00;
    width: 195px;
    text-align: center;
}

Děkuji Martin

Proč to proboha pozicujete absolutně? Vždyť nevíte, že to imagebutton bude přesně 115px od horního okraje, to vám nikdo nemůže zaručit a proto je to všude jinak. Absolutní pozicování nepoužívejte, to se hodí jen pro velmi specifické účely, což text na tlačítku není.

Pokud chcete text přes obrázek, je jednoduší udělat to jako dejme tomu LinkButton a nastavit CSS třídou něco jako:

.MujLinkButton
{
  display: block;
  width: 100px;
  height: 60px;
  background-image: url('obrazek.png');
}

Paddingem a vlastností line-height si pak dolaďte, aby text seděl na přesném místě v tom obrázku.

Vyřešeno. Nakonec jsem to udělal takto

.LabelProdano
{
    position: relative;
    display: block;
    margin: -32px 0 0 1px;
    font-size: large;
    color: White;
    background-color: #C00;
    width: 195px;
    text-align: center;
}
 

Absolutní pozicování byla hloupost. Děkuji Martin