Salve,
ho un problema nella realizzazione di un rounded box che non viene visualizzatto correttamente.
Il codice è modificato da uno prelevato dalla rete.
Potete darmi una mano?
Vi inoltro il codice. Grazie
Marciac
<%@ Page Language="VB" Debug="true" MasterPageFile="~/FullMasterPage.master" AutoEventWireup="false" CodeFile="Biografia.aspx.vb" Inherits="_Quadri" %>
<asp:Content ID="Content1" ContentPlaceHolderID="FullContent" Runat="Server">
<asp:Panel ID="Panel1" runat="server" BackColor ="black" Width="100%" >
<div class="cssbox" id="DIV1">
<div class="cssbox_head">
<h2 style="color:red" id="H2_1">Titolo del testo</h2>
</div>
<div class="cssbox_body" style="color :Yellow;text-align :justify;font-size:large">
contenuto del testo </p>
</div>
</div>
<center>
</center>
</asp:Panel>
</asp:Content>
-------------------------------------------------
questo è il css:
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
background:trasnsparent url('../images/box3.png') no-repeat bottom right;
}
.cssbox {
width: 615px !important; /* intended total box width - padding-right(next) */
width: 600px; /* IE Win = width - padding */
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 20px auto; /* use to position the box */
}
/* set the top-right image */
.cssbox_head {
background-position: top right;
margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2 {
background-position: top left;
margin: 0; /* reset main site styles*/
border: 0; /* ditto */
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important; height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body {
background-position: bottom left;
margin-right: 25px; /* interior-padding right */
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}

Rispondi quotando