|
Block elements are aligned by setting style on the element itself, not on the parent element. Example:
<div class="parent"></div class="child"></div></div><br />
<br />
.parent { width: 500px; }<br />
.child { width: 200px; margin: 0 auto; }
---
b { font-weight: normal; }
|
|
|
|
|
Thanks Guffa 
A mum and loving it!
|
|
|
|
|
In addition to what Guffa listed,
Megan Forbes wrote: padding: 0;
Should add UOM to this as well (0px).
Megan Forbes wrote: text on my page is centered, images aren't.
Check those images: they may have their own alignment settings.
Megan Forbes wrote: What I'm actually hoping to do is have an 800px centered body, and that containing a div with text aligned to the left so that there's always equal space on either side of the main body, regardless of monitor size, but the text is left aligned.
Here's a thought: leave the body the width of the user's browser window, but put an 800px wide DIV centered inside it.
Example:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin fermentum rutrum diam. Vivamus in arcu. Nulla feugiat ultricies elit. Nam facilisis semper enim. Sed leo felis, tristique at, imperdiet et, nonummy vel, metus. Maecenas sit amet urna. Nunc lorem enim, rutrum id, pharetra sed, consectetuer ac, tortor. Aenean vulputate augue. Phasellus malesuada. Ut rhoncus magna eget turpis. Sed dapibus blandit lorem. Fusce fringilla. Integer erat lectus, posuere ut, posuere sit amet, consequat sed, erat. Pellentesque ultricies lacinia ligula.
Sed interdum velit. Sed feugiat mi id neque. In hac habitasse platea dictumst. Phasellus vitae velit non elit porta egestas. Donec varius libero pulvinar dolor. Mauris vitae arcu ac mi aliquam accumsan. Integer molestie dui. Proin orci urna, condimentum nec, pellentesque sed, ultrices ac, est. Praesent interdum orci aliquet nisl. Etiam bibendum bibendum nisi. Ut mi. Phasellus eget diam. In molestie fringilla diam. Aenean diam nibh, vestibulum nec, tincidunt vitae, suscipit at, purus.
Last modified: Monday, May 29, 2006 1:22:12 AM -- Added example.
|
|
|
|
|
Thanks Shog
Shog9 wrote: Here's a thought: leave the body the width of the user's browser window, but put an 800px wide DIV centered inside it.
Eish, that's what I meant, just expressed it incorrectly. Man oh man - never take a one year break and then try to get back into an old career with added stuff you never did before anyway. The joys of maternity leave - who said being a woman was easy??? 
A mum and loving it!
|
|
|
|
|
I updated my last post with a short example for you. Just select, right-click, View Selection Source (assuming you're using FireFox with the Web Developer toolbar installed... which you should be)
Megan Forbes wrote: who said being a woman was easy?
Me. Right before being chased down and savagely beaten by my wife. 
|
|
|
|
|
Shog9 wrote: (assuming you're using FireFox with the Web Developer toolbar installed... which you should be)
No, I'm not, but I guess there's no time like the present to install it and grab your code (I'd love to put a sheepish grin here, but can't seem to remember the correct number of "a"'s in :baaaaaaaaaah: to get the sheep)
Thanks again
A mum and loving it!
|
|
|
|
|
Sorted, you're right, that rocks!
I hope you're recovering from your beating 
A mum and loving it!
|
|
|
|
|
Shog9 wrote: Megan Forbes wrote:
padding: 0;
Should add UOM to this as well (0px).
After the value zero, the unit identifier is optional.
I always omit the unit when the value is zero. A unit after a zero value doesn't convey any information as the value is the same regardless of the unit, and I find it easier to read the code without it.
Compare:
padding: 0px 0px 9px 0px;
to:
padding: 0 0 9px 0;
---
b { font-weight: normal; }
|
|
|
|
|
Guffa wrote: A unit after a zero value doesn't convey any information as the value is the same regardless of the unit, and I find it easier to read the code without it.
True 'nuff. I guess i just got in the habit of always including a unit after a value and stopped thinking about it.
|
|
|
|
|
I could be wrong but I'm incline to say that it is not optional if you want your page to pass W3C compliance test or if you want to assign your document a doctype of Strict or Transitional.
-Richard
|
|
|
|
|
Actually, you are wrong.
Quote from CSS specification[^], section 6.1:
"The format of a length value is an optional sign character ('+' or '-', with '+' being the default) immediately followed by a number (with or without a decimal point) immediately followed by a unit identifier (a two-letter abbreviation). After a '0' number, the unit identifier is optional."
---
b { font-weight: normal; }
|
|
|
|
|
Well isn't that special. It apparently pays to read "all" of the manual when you RTFM, DOH...
-Richard
|
|
|
|
|
Hi again Shog,
Sorry to be a pain. After two days of glamorous stuff like ironing during Mikey's naps he finally gave me a chance today to get back to this. Your div contains align="center" but VS gives me the following warning: Warning 1 Validation (XHTML 1.0 Transitional): Attribute 'align' is considered outdated. A newer construct is recommended.. Do you perhaps know what the newer construct is?
Thanks again
A mum and loving it!
|
|
|
|
|
You can use Guffa's method (margin: 0 auto;). AFAIK, it doesn't work in IE though.
IE does however treat the text-align style the same as the align attribute, so you can combine techniques if you wish: use the text-align:center style on the body / outer DIV, and use margin: 0 auto on the inner DIV.
Last modified: Wednesday, May 31, 2006 9:18:43 AM -- Added IE hack description
|
|
|
|
|
Interesting, thanks, I'll give it a whirl next nap time
A mum and loving it!
|
|
|
|
|
|
Awesome, thanks Richard!
A mum and loving it!
|
|
|
|
|
I'm stuck on a situation to change html element sytle in a webbrowser2 in a mfc dialog program. VC6+windows sdk 2003.
Does anyone have idea how to do it?
i already got the onclick event and get the ihtmlelement object. really emergence, pls help me if you can, thx first.
|
|
|
|
|
I m facing prob when i try to update datagrid.I click the edit button and write data in textboxes but i still get old data which i got from my database.Plz help me!!!!
-- modified at 17:30 Saturday 27th May, 2006
|
|
|
|
|
Hi
put your code here(update code) for error handling
|
|
|
|
|
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using System.IO;
using System.Globalization;
namespace WebApplication4
{
///
/// Summary description for properties.
///
public class properties : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid DataGrid1;
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.WebControls.Label Label2;
protected System.Web.UI.WebControls.Image Image1;
public DataView dv;
public SqlConnection conn;
public SqlDataAdapter da=new SqlDataAdapter();
public DataSet ds=new DataSet();
public void Page_Load(object sender, System.EventArgs e)
{
// Put user code to initialize the page here
Label1.Text=User.Identity.Name;
string strConnection =" Integrated Security=SSPI;";
strConnection += "initial catalog=dbREO;server=DCSIAN;";
strConnection += "Connect Timeout=30";
conn = new SqlConnection (strConnection);
conn.Open ();
da=new SqlDataAdapter("SELECT * FROM tblCommercialProperty WHERE ID= '" + Label1.Text+ "' " ,conn);
da.Fill(ds,"tblCommercialProperty");
DataGrid1.DataSource=ds.Tables["tblCommercialProperty"];
DataGrid1.DataBind();
}
public void DataGrid1_SelectedIndexChanged(object sender,System.EventArgs e)
{
DataGridItem dgi = ((DataGrid)sender).SelectedItem;
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
///
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
///
private void InitializeComponent()
{
this.DataGrid1.CancelCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.DataGrid1_CancelCommand);
this.DataGrid1.EditCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.DataGrid1_EditCommand);
this.DataGrid1.SortCommand += new System.Web.UI.WebControls.DataGridSortCommandEventHandler(this.DataGrid1_SortCommand);
this.DataGrid1.UpdateCommand += new System.Web.UI.WebControls.DataGridCommandEventHandler(this.DataGrid1_UpdateCommand);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
public void DataGrid1_EditCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
DataGrid1.EditItemIndex=e.Item.ItemIndex;
DataGrid1.DataBind();
}
public void DataGrid1_CancelCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
DataGrid1.EditItemIndex=-1;
DataGrid1.DataBind();
}
public void DataGrid1_UpdateCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
DataTable dt=new DataTable();
DataRow dr;
dt=ds.Tables["tblCommercialProperty"];
dr=dt.Rows[0];
//I m not using (TextBox)e.item.FindControl because my sql query gives me the single row which have ID=Label1
//The problem is that these cells write actual values in database,i want edited values
//Updation is working correctly because when i move one column's value into another it updates that
dr["CoveredArea"]=((TextBox)e.Item.Cells[3].Controls[0]).Text;
dr["Location"]=((TextBox)e.Item.Cells[4].Controls[0]).Text;
dr["Area"]=((TextBox)e.Item.Cells[5].Controls[0]).Text;
dr["OtherDetails"]=((TextBox)e.Item.Cells[6].Controls[0]).Text;
dr["Status"]=((TextBox)e.Item.Cells[8].Controls[0]).Text;
SqlCommandBuilder cmd=new SqlCommandBuilder(da);
da.Update(ds,"tblCommercialProperty");
DataGrid1.DataSource=ds.Tables["tblCommercialProperty"];
DataGrid1.EditItemIndex=-1;
DataGrid1.DataBind();
}
public void DataGrid1_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)
{
dv.Sort=e.SortExpression;
DataGrid1.DataBind();
}
}
}
|
|
|
|
|
Hi,
Bind you datagrid in pastback at the page load time
e.g
Page_load()
if not ispostback then
bindDatagrid()
end if
end sub
Sincerely,
Vineet Kaushik
Sr. Web Developer
|
|
|
|
|
|
I want to prevent users from entering an existing code in my database.
I have a middle tier that checks and return whether a Code exists or not.
Which validation control do i need to tell user that the code they
entered is already existing
t.aransiola
|
|
|
|
|
Use the CustomValidator control. Then you need to write code for its ServerValidate event
You write something like
ars.IsValid = IsValidCode(args.Value)
where IsValidCode() is a function for you to implement, which it looks like you already have from your middle tier.
Then in your Submit or OK button click event
If Page.IsValid Then
...
End If
Kevin
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
